Discussion on: Storing State on Local Storage in a React Application

[Andrew Bone]

I made a hook for making this sort of thing easier.

React: Custom hook for accessing storage

Andrew Bone ・ Apr 21 ・ 8 min read

#react #javascript #tutorial #typescript

You would just need to do something like.

const [state, setState] = useState();

useEffect(() => {
  const setHandler = (key) => {
    if(key === "state") setState(storage.get("state"));
  }

  storage.on('set', setHandler);

  return () => {
    storage.off('set', setHandler);
  }
})

Which will mean, provided you use the storage context, the state will always be in sync with local/session storage.