What is "store" in this example

[jkjustjoshing]

I think this is a documentation bug. In the example here: https://recoiljs.org/docs/guides/atom-effects#compared-to-react-effects is the following code snippet:

const myState = atom({key: 'Key', default: null});

function MyStateEffect(): React.Node {
  const [value, setValue] = useRecoilState(myState);
  useEffect(() => {
    // Called when the atom value changes
    store.set(value);
    store.onChange(setValue);
    return () => { store.onChange(null); }; // Cleanup effect
  }, [value]);
  return null;
}

function MyApp(): React.Node {
  return (
    <div>
      <MyStateEffect />
      ...
    </div>
  );
}

What is the store variable? Is that equal to value?

[hinsencamp]

Also stumped over this!

[vm-agnislav]

Hi guys. THe store here is a 3rd party storage, e.g. MMKV.

[jkjustjoshing]

That makes sense. For a documentation example, that really needs to be made more explicit then. Either a large comment explaining "external store here!", or maybe setting/getting from localStorage. Something so that a beginner doesn't think there's Recoil magic they've missed from elsewhere in the documentation.

[vm-agnislav]

I'm not sure we can expect it in near future, as the recoil looks... abandoned?