Hello world
;\n}\n```\n\n`createFluxibleHook` accepts a store instance as argument and returns a react hook that you can use in your components, the react hook accepts a function that function should return an object that is the store states that you want to watch in that component. In the example above, the component will watch `token` and `isLoggedIn`, every time the `token` or `isLoggedIn` changes, this component will be rerendered with the new values of the `token` and `isLoggedIn`.\n\n#### Example with state persistence using react-native-async-storage\n\n```tsx\nimport { createStore, AsyncStorage as TAsyncStorage } from 'fluxible-js';\nimport { createFluxibleHook } from 'react-fluxible';\nimport AsyncStorage from '@react-native-async-storage/async-storage';\n\nconst initialStore = {\n token: null,\n isLoggedIn: false,\n initComplete: false\n};\n\nconst globalStore = createStore(\n {\n initialStore,\n persist: {\n stringify: true,\n asyncStorage: AsyncStorage as TAsyncStorageInitializing store...
\n returnHello world
;\n}\n```\n\n#### Example with state persistence using window.localStorage\n\n```tsx\nimport { createStore, SyncStorage } from 'fluxible-js';\nimport { createFluxibleHook } from 'react-fluxible';\n\nconst initialStore = {\n token: null,\n isLoggedIn: false\n};\n\nconst globalStore = createStore({\n initialStore,\n persist: {\n stringify: true,\n asyncStorage: window.localStorage as SyncStorage,\n restore: (savedStore) => {\n return {\n token: savedStore.token\n };\n }\n }\n});\n\nconst useGlobalStore = createFluxibleHook(globalStore);\n\n// to connect a component to the store\nfunction MyComponent () {\n const { token, isLoggedIn } = useGlobalStore((store) => {\n return {\n token: store.token,\n isLoggedIn: store.isLoggedIn\n };\n })\n\n // do something with the `token` and `isLoggedIn`\n\n returnHello world
;\n}\n```\n\n# Migrating from v5 to v6\n\nCreate a new file called **globalStore.ts**\n\n```ts\nimport { createStore } from 'fluxible-js';\nimport { createFluxibleHook } from 'react-fluxible';\n\nconst initialStore = {\n // your store here\n};\n\nexport const globalStore = createStore({\n initialStore\n});\n\nexport const useGlobalStore = createFluxibleHook(globalStore);\n```\n\nInstead of importing `updateStore` and the likes directly from `fluxible-js`, you will need to `import { globalStore } from 'globalStore';` and use the methods from `globalStore`.\n\nInstead of importing `useFluxibleStore` directly from `react-fluxible`, you will need to `import { useGlobalStore } from 'globalStore';`.\n","readmeFilename":"README.md","homepage":"https://github.com/aprilmintacpineda/react-fluxible#readme","bugs":{"url":"https://github.com/aprilmintacpineda/react-fluxible/issues"}}