/Javascript/React/Reactive localstorage in react

Reactive localstorage in react

function useStorageWatcher(key) {
  const [val, setVal] = useState(localStorage.get(key));

  useEffect(() => {
    const handler = () => val !== localStorage.get(key) && setVal(localStorage.get(key));
    window.addEventListener("storage", handle);
    () => window.removeEventListener("storage", handler);
  }, []);

  useEffect(() => {
    setVal(localStorage.get(key));
  }, [key]);

  return val;

}

Source: reddit.com

Similar codes

6 votes244 views2 answers
Google sign up react npm
Javascript React
0 vote286 views1 answer
Gesture handling with react native expo
Javascript React
0 vote240 views1 answer
Firebase integration in react
Javascript React
0 vote251 views1 answer
React native add bottom tab and drawer menu
Javascript React
16 votes262 views3 answers
Start react native
Javascript React
8 votes242 views3 answers
Disable eslint for react project
Javascript React
1 vote236 views1 answer
Input type email react js-validation
Javascript React
24 votes222 views6 answers
React map
Javascript React
0 vote258 views2 answers
Barcode scanner react js
Javascript React
1 vote230 views2 answers
React native select simulator
Javascript React