What middleware does this implement with? And by what principle? I can not understand.

Now I have thunk, logger connected.

../src/store/configureStore.js import { createStore, applyMiddleware } from 'redux'; import { rootReducer } from "../reducers"; import logger from 'redux-logger' import thunk from 'redux-thunk' export const store = createStore(rootReducer, applyMiddleware(thunk, logger));

    1 answer 1

    Choose which one you like:

    redux-persist

     import { createStore } from 'redux' import { persistStore, persistReducer } from 'redux-persist' import storage from 'redux-persist/lib/storage' // defaults to localStorage for web and AsyncStorage for react-native import rootReducer from './reducers' const persistConfig = { key: 'root', storage, } const persistedReducer = persistReducer(persistConfig, rootReducer) export default () => { let store = createStore(persistedReducer) let persistor = persistStore(store) return { store, persistor } }

    redux-localstorage

     import {compose, createStore} from 'redux'; import persistState from 'redux-localstorage' const enhancer = compose( /* [middlewares] */, persistState(/*paths, config*/), ) const store = createStore(/*reducer, [initialState]*/, enhancer)