TIL-69 Recoil-persist

PRB·2022년 6월 25일
0

React

목록 보기
21/22
post-thumbnail

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

import { recoilPersist } from 'recoil-persist'

const { persistAtom } = recoilPersist()

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

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

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

profile
사용자 입장에서 사용자가 원하는 것을 개발하는 프론트엔드 개발자입니다.

0개의 댓글