Redux-persist typescript example

One of the best features of the redux persists is that it provides us with the PersistGate — it helps us to delay the rendering until the state has been retrieved and saved to redux . Here we can show loading components until our state gets the persisted value. 2. Another great feature it provides Blacklist & Whitelist.

Installation for redux persist: import { persistStore, persistReducer } from ‘redux-persist’; For persistReducer is wrap your app’s root reducers and pass it to the persistStore function it ensures your redux state is stored to persisted storage whenever it changes.

Redux-Persist

Redux-persist allows you to transform your store depending on the version you want for the app : you can control the version of your store. Migrations are applied on your state before replacing your store data in REHYDRATE step. This version 1 of migration will put my previous number of change where I want.

Redux Persist is a popular library which lets you add persistence to the store . The library will automatically save the store each time the state updates. You don’t need to write any persistence code in your actions or reducers.