globix

global state hook for react

Usage no npm install needed!

<script type="module">
  import globix from 'https://cdn.skypack.dev/globix';
</script>

README

React Global State Hook

Globix is the easiest way to bring global state to your React App

Installing

npm i --save globix

Usage

Wrap your Root Component with GlobixProvider and pass optional initialValues props:

import { GlobixProvider } from 'globix';

ReactDOM.render(
  <GlobixProvider initialState={{name: 'Daron Malakian'}}>
    <App />
  </GlobixProvider>,
  document.getElementById('root')
);

Get global state anywhere in your application:

import { useGlobix } from 'globix';

const SomeComponent = () => {
  const { globaslState } = useGlobix();

  return <p>{globalState.name}</p>;
}

Set global state from anywhere you want:

import {useGlobix} from 'globix';

const AnotherComponent = () => {
  const { globalState, setGlobalState } = useGlobix();

  const handleClick = () => {
    setGlobalState({
      ...globalState,
      newValue: 'new value'
    })
  }

  return <button onClick={handleClick}>change name</button>
}

Authors

License

This project is licensed under the MIT License