swr-sync-state

a small library to wrap SWR, enabling SWR to function as global state manager

to start

1npm i swr-sync-state

usage

1// inside react component
2export const SomeComponent = () => {
3  const key = 'someKey';
4  const state = useSyncSWR(key) ?? 0;
5
6  const incrementHandler = () => {
7    setSyncSWR(key, (p) => p + 1);
8  };
9
10  return (
11    <div>
12      <div>Counter : {state}</div>
13      <button onClick={incrementHandler}>Increment</button>
14    </div>
15  );
16};