/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

1 vote341 views3 answers
Window.innerHeight react js
Javascript React
0 vote320 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React
11 votes349 views2 answers
React router refreshes page
Javascript React
0 vote326 views1 answer
How to draw a long underline in react native
Javascript React
0 vote353 views1 answer
How to convert timestamp to date in react native
Javascript React
0 vote330 views2 answers
Hosting react on gh pages
Javascript React
1 vote333 views2 answers
Toast in react native
Javascript React
0 vote361 views1 answer
React native get source maps
Javascript React
-1 vote365 views1 answer
React slick npm
Javascript React
0 vote362 views1 answer
React-data-table-component cell action
Javascript React