Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

222
Vistas
How to store local storage and regular data at the same time in a reducer ( redux-persist)?

I have store.js

import {configureStore, combineReducers} from "@reduxjs/toolkit"
import { persistStore, persistReducer, FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER } from 'redux-persist'
import storage from 'redux-persist/lib/storage'
import userData from "./userData";
import loadingStatus from "./loadingStatus";

const rootReducer = combineReducers({
    data: userData,
});


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


const persistedReducer = persistReducer(persistConfig, rootReducer);

const store = configureStore({
    reducer: persistedReducer,
    middleware: (getDefaultMiddleware) =>
      getDefaultMiddleware({
        serializableCheck: {
          ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
        },
      }),
  })

export const persistor = persistStore(store);
export default store;

And some slicers :

loadingStatus.js

import {createSlice} from "@reduxjs/toolkit";


const loadingStatus = createSlice({
    name: 'loaded',
    initialState: {
        loaded : false
    },
    reducers: {
        setLoading(state, action) {
            return { loaded: action.payload}    
        }
    },
});


export const {setLoading} = loadingStatus.actions;

export default loadingStatus.reducer;

userData.js

import {createSlice} from "@reduxjs/toolkit";


const userData = createSlice({
    name: 'data',
    initialState: {
        data : []
    },
    reducers: {
        getData(state, action) {
            return { data: action.payload}    
        }
    },
});


export const {getData} = userData.actions;

export default userData.reducer;

The problem is that I only need to store one state in localStorage - userData (this works now), but I also have a loaded state that I don't need in local storage. How can I store local storage and deffault states at the same time?

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda