Redux-Persist

이선호·2022년 2월 8일
0

Redux로 저장되어 있던 state들은 앱을 종료하거나 브라우저를 새로 고침하면 모두 reset된다.
그래서 Redux-Persist이라는 리덕스 라이브러리를 이용해서 상태값들을 Local이나 Session Storage에 저장해서 새로고침해도 state 저장 상태를 유지시킬 수 있다.


설치

npm i --save redux-persist

//store.js

📍 상태 모니터링 크롬 확장 프로그램
window.REDUX_DEVTOOLS_EXTENSION && window.REDUX_DEVTOOLS_EXTENSION());
를 추가해주면 크롬 개발자 모드에서 리덕스의 상태 변화를 볼 수 있다.

  1. state을 localStorage에 저장 -> import storage from 'redux-persist/lib/storage'

  2. state을 Session에 저장 -> import storageSession from 'redux-persist/lib/storage/session'


//index.js

0개의 댓글