redux-persist added

package.json

@@ -16,6 +16,7 @@
     "react-scripts": "4.0.2",
     "redux": "^4.0.5",
     "redux-logger": "^3.0.6",
+    "redux-persist": "^6.0.0",
     "redux-saga": "^1.1.3",
     "redux-thunk": "^2.3.0",
     "reselect": "^4.0.0",

src/index.js

@@ -2,15 +2,18 @@ import React from "react";
 import ReactDOM from "react-dom";
 import { BrowserRouter as Router } from "react-router-dom";
 import { Provider } from "react-redux";
-import { store } from "./redux/store";
+import { store, persistor } from "./redux/store";
+import { PersistGate } from "redux-persist/integration/react";
 
 import App from "./App";
 
 ReactDOM.render(
   <React.StrictMode>
     <Provider store={store}>
       <Router>
-        <App />
+        <PersistGate persistor={persistor}>
+          <App />
+        </PersistGate>
       </Router>
     </Provider>
   </React.StrictMode>,

src/redux/rootReducer.js

@@ -1,11 +1,21 @@
 import { combineReducers } from "redux";
+import { persistReducer } from "redux-persist";
+import storage from "redux-persist/lib/storage";
 
 import productsReducer from "./Product/products.reducers";
 import userReducer from "./User/user.reducer";
 import cartReducer from "./Cart/cart.reducers";
 
-export default combineReducers({
+export const rootReducer = combineReducers({
   user: userReducer,
   productsData: productsReducer,
   cartData: cartReducer,
 });
+
+const configStorage = {
+  key: "root",
+  storage,
+  whitelist: ["cartData"],
+};
+
+export default persistReducer(configStorage, rootReducer);

src/redux/store.js

@@ -2,6 +2,7 @@ import { createStore, applyMiddleware } from "redux";
 import logger from "redux-logger";
 import thunk from "redux-thunk";
 import createSagaMiddle from "redux-saga";
+import { persistStore } from "redux-persist";
 
 import rootReducer from "./rootReducer";
 import rootSaga from "./rootSaga";
@@ -13,4 +14,6 @@ export const middlewares = [logger, thunk, sagaMiddleware];
 export const store = createStore(rootReducer, applyMiddleware(...middlewares));
 sagaMiddleware.run(rootSaga);
 
-export default store;
+export const persistor = persistStore(store);
+
+export default { store, persistor };