[Tips] How to use with immer

@gsimone suggested useImmerAtom:

const useImmerAtom = (anAtom) => {
  const [state, setState] = useAtom(anAtom)
  const setStateWithImmer = useCallback((fn) => {
    setState(produce((draft) => fn(draft)))
  }, [setState])
  return [state, setStateWithImmer]
}

Or, we could create a writable atom:

const countAtom = atom(0)

const countWithImmerAtom = atom(
  (get) => get(countAtom),
  (get, set, fn) => set(countAtom, produce((draft) => fn(draft)))
)

We might be able to create a helper function.

const warpWithImmer = (anAtom) => atom(
  (get) => get(anAtom),
  (get, set, fn) => set(anAtom, produce(get(anAtom), (draft) => fn(draft)))
)

[dai-shi]

@Aslemammad Maybe because the typing is tricky. Also, please note I didn’t test it at all, and count on you.

[dai-shi]

Notice #95 changed the src folder structure. Now, it’d be like:

• ./src/immer.ts
• ./src/immer/useImmerAtom.ts
• …