[React] redux-persist 에서 여러 storage 사용하기

localStorage에 저장해야하는 기능이 필요해서 redux-persist를 사용하고 있었다.

하지만 모든 reducer가 localStorage에 저장되어야 하는 것은 아니었기 때문에, 분리하여 관리하고 싶었다.

즉, 일부는 localStorage를 store로, 일부는 redux에서 생성한 store를 사용하는 것이다.

 

Context API를 쓰기에는 Provider를 추가하고 다른 곳에서 쓸 수 있게 작업하는 것도 필요해서 꼭 이렇게까지 해야할까 생각하고 있었는데,

후배가 문서의 nested-persists를 읽어보니 설정을 reducer마다 구분하여 지정할 수 있다고 하였다.

https://www.npmjs.com/package/redux-persist#nested-persists

 

redux-persist

적용해 본 결과:

굳이 따로 context를 만들지 않아도 되었고, 기존의 코드에서 거의 변동도 없이 dispatch도 편하게 사용할 수 있는 형태이다.