[TIL] Recoil-persist

미디엄에서 리액트 상태관리 라이브러리 리코일에 대한 글을 작성했었다.

Recoil-persist?

상태관리 라이브러리의 특성상 새로고침하거나 페이지를 닫을 때 저장소에 저장된 상태는 삭제된다. 페이지가 변경되더라도 상태관리를 유지하기 위해 Recoil-persist를 사용했다.

설치

npm instll recoil-persist

사용법

사용법은 Recoil과 매우 유사하다. (자세한 내용은 위의 블로그 참고)

import { atom, RecoilRoot, useRecoilState } from 'recoil'
import { recoilPersist } from 'recoil-persist'

const { persistAtom } = recoilPersist()

const counterState = atom({
  key: 'count',
  default: 0,
  effects_UNSTABLE: [persistAtom],
})

저장위치

LocalStorage에 저장된다. 자세한 내용은 npm-recoil-persist 참고