1.0.6 • Published 4 years ago
globix-test-version v1.0.6
React Global State Hook
Globix is the easiest way to bring global state to your React App
Installing
npm i --save globix-test-verison
Usage
- Wrap your Root Component with
GlobixProvider
and pass optionalinitialValues
props:
import { GlobixProvider } from 'globix-test-version';
ReactDOM.render(
<GlobixProvider initialState={{name: 'Daron Malakian'}}>
<App />
</GlobixProvider>,
document.getElementById('root')
);
- Get global state anywhere in your application:
import { useGlobix } from 'globix-test-version';
const SomeComponent = () => {
const { globaslState } = useGlobix();
return <p>{globalState.name}</p>;
}
- Set global state from anywhere you want:
import {useGlobix} from 'globix-test-version';
const AnotherComponent = () => {
const { globalState, setGlobalState } = useGlobix();
const handleClick = () => {
setGlobalState({
...globalState,
newValue: 'new value'
})
}
return <button onClick={handleClick}>change name</button>
}
Authors
- Dinislam Maushov - Initial work - hyposlasher
License
This project is licensed under the MIT License