/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

2 votes100 views1 answer
React-native-reanimated npm
Javascript React
0 vote107 views1 answer
Camera roll react native
Javascript React
0 vote98 views1 answer
Corousal in react
Javascript React
1 vote118 views1 answer
React native flatlist hide scrollbar
Javascript React
6 votes106 views3 answers
React native vector icons not working
Javascript React
1 vote137 views2 answers
Push state array react
Javascript React
0 vote112 views2 answers
Hide screen links in drawerNavigation in react native
Javascript React
13 votes105 views10 answers
React navigation
Javascript React
0 vote117 views1 answer
Invariant Violation: [React Intl] An `id` must be provided to format a message.
Javascript React
1 vote115 views1 answer
React redux not updating
Javascript React