/example-react-global-state

example react global state

Primary LanguageTypeScriptMIT LicenseMIT

example react global state

description

Shows usage of react-hookstore library to manage global state across multiple components.

LIVE DEMO

notes:

  • clicking on a component change global state hooked and attached to all other components that make usage of useStore
  • each store can have different name and backing type
  • stores created toplevel at App.tsx
  • an helper function allow to change after a cloneDeep to manage complex state objects

how this project was built

yarn create react-app example-react-global-state --template typescript
cd example-react-global-state/
yarn add react-hookstore lodash @types/lodash
echo "BROWSER=none" > .env
code .
yarn start
  • hit F5
  • choose Chrome
  • set on launch.json startup url "url": "http://localhost:3000",
  • F5 again