Persistence with createGlobalState about react-hooks-global-state HOT 6 CLOSED

There's not a big magic behind the scenes.
If you want to add some features with createGlobalState, you can do at your end.

const initialState = {
  foo: localStorage.getItem('foo') || '',
};

const container = createGlobalState(initialState);

export const setGlobalState = (key, update) => {
  container.setGlobalState(key, update);
  localStorage.setItem(key, container.getGlobalState(key));
};

export const useGlobalState = (key) => [
  container.useGlobalState(key)[0]
  (update) => setGlobalState(key, update)
];

Something like this. Function composition is the way to go.

from react-hooks-global-state.

thank you for your response, that's such a good solution.

can we add this solution to the persistance wiki page so that others can refer to it?

from react-hooks-global-state.

If you confirm this solution works as expected, please go ahead and edit the wiki page.

from react-hooks-global-state.

sure I will test it on my project and update the wiki.
is there a way to get the whole state maybe with getGlobalState in order to store the whole state under a specific persistenceKey rather than shallow keys?

from react-hooks-global-state.

I understand why you ask, but it's intentionally hidden with createGlobaState to avoid overuse it. For the moment, you would need to loop over all keys at your end.

from react-hooks-global-state.

v2 is released and closing this.

from react-hooks-global-state.