DEV Community

Redux-persist (v6) in detail (React)

Vikrant Bhat on July 04, 2020

Whenever you reload your app, the javascript process has nothing in memory. You will have to re-initialize state, and maybe set some basic state ...

Read full post

DeepSeaFish-Dev • Aug 11 '20

Just a quick note, you pass the persistReducer instead of your newly created persistedReducer here:

const store = createStore(
    persistReducer, // pass the persisted reducer instead of rootReducer to createStore
    applyMiddleware() // add any middlewares here
)

Gajen Dissanayake • Apr 18 '23

Thanks Bro,

I assumed there is a typo mistake in Step 2

//pass the persisted reducer instead of rootReducer to createStore//

So the first argument of configureStore method should be persistedReducer, not persistReducer...

Is it true ?

Sebastián Sameghini • Sep 7 '21

Hi!
What if I only want to persist the store after a user has authenticated?
For example, when someone visits my page an authentication check is made (token then session restored), but if no session is found, the page redirects to /login. PersistGate would delay the rendering of this page until a persist process completes, preventing anyone without credentials to access the page (in practice, no one access).

Vikrant Bhat • Sep 10 '21

Dispatch your action only after verification

David Roman • Nov 13 '20

thanks alot! was very helpfull!

Vikrant Bhat • Nov 13 '20

My Pleasure buddy! 😁

Abhishek150190 • May 1 '21

Can we change the default storage of redux persist to sessionStorage instead of localStorage?

Tihomir Mitkov • Aug 11 '21

Wouldn't this be useless? I mean the sessionStorage gets cleared when the tab gets closed, the same behaviour would occure if you simply use redux without redux-persist?