/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

0 vote353 views1 answer
React application preloader add
Javascript React
71 votes423 views5 answers
Css react
Javascript React
0 vote346 views1 answer
Get status bar height react native
Javascript React
0 vote341 views1 answer
Svg as a component react
Javascript React
0 vote336 views1 answer
Take string until react
Javascript React
1 vote332 views1 answer
Document not intialized react js
Javascript React
0 vote346 views1 answer
. What is the use of the return function in the React Native Framework?
Javascript React
0 vote354 views1 answer
React sagas state
Javascript React
5 votes333 views1 answer
How to host react app on heroku
Javascript React
0 vote351 views1 answer
Notification bell icon bootstrap react
Javascript React