redux toolkit with redux persist

import {configureStore} from '@reduxjs/toolkit';
import storage from 'redux-persist/lib/storage'
import {combineReducers} from "redux"; 
import { persistReducer } from 'redux-persist'
import thunk from 'redux-thunk'

const reducers = combineReducers({
 //...            
});

const persistConfig = {
    key: 'root',
    storage
};

const persistedReducer = persistReducer(persistConfig, reducers);


const store = configureStore({
    reducer: persistedReducer,
    devTools: process.env.NODE_ENV !== 'production',
    middleware: [thunk]
});

export default store;

Posted by: Guest on June-26-2021

Source

import store from './app/store'; import { PersistGate } from 'redux-persist/integration/react' import { persistStore } from 'redux-persist' let persistor = persistStore(store); <Provider store={store}> <PersistGate loading={null} persistor={persistor}> <App/> </PersistGate> </Provider>,

import {createAction, createReducer} from '@reduxjs/toolkit ; //Action const add = createAction('add'); //Reducer const Reducer = createReducer(initialState= 0, (builder)=>{ builder.addCase(add, (state,action) => state + 1) })

Code answers related to "redux toolkit with redux persist"

Code answers related to "Javascript"

Javascript Answers by Framework

Browse Popular Code Answers by Language

Answers for "redux toolkit with redux persist"

Code answers related to "redux toolkit with redux persist"

Code answers related to "Javascript"

Javascript Answers by Framework

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us