TIL-69 Recoil-persist

프로젝트를 진행하던 중 새로고침을 해도 데이터를 유지시켜달라는 요청을 받았다.
Recoil-persist를 사용하면 로컬 스토리지, 세션 스토리지에 저장을 할 수 있다고 하셔서 한번 공부하고 적용시켰다.
사용법은 기존 리코일과 매우 비슷하다.

import { recoilPersist } from 'recoil-persist'

const { persistAtom } = recoilPersist()

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

로컬스토리지가 기본값인데 세션 스토리지는 따로 설정해 주면 된다.

자세한 내용은 npm-recoil-persist 참고