/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 vote137 views1 answer
React transition group
Javascript React
0 vote131 views1 answer
React animated text yarn package
Javascript React
0 vote127 views1 answer
React native navigation remove top header screen
Javascript React
1 vote126 views1 answer
React redux wait for props
Javascript React
0 vote162 views1 answer
Debug.xcconfig: unable to open file react native
Javascript React
3 votes134 views1 answer
React data attributes event
Javascript React
0 vote137 views1 answer
User account in react
Javascript React
1 vote193 views1 answer
Create functional component react
Javascript React
0 vote133 views1 answer
React native call keep
Javascript React
0 vote141 views2 answers
Onclick toggle class react
Javascript React