Merge pull request #1 from JamesInnes2169/persist-store-local-storage

imp persist store to local storage

Author: james-innes

package-lock.json

@@ -46,6 +46,7 @@
     ]
   },
   "devDependencies": {
+    "@types/lodash": "^4.14.137",
     "@types/redux-logger": "^3.0.7",
     "@types/uuid": "^3.4.5"
   }

package.json

@@ -2,16 +2,26 @@ import { configureStore, getDefaultMiddleware } from 'redux-starter-kit'
 import logger from 'redux-logger'
 import { reduxBatch } from '@manaflair/redux-batch'
 import preloadedState from './preloadedState';
+import { loadState, saveState } from './localStorage'
 import reducer from './todosSlice';
+import { throttle } from 'lodash';
+
+const persistedState = loadState();
 
 const store = configureStore({
     reducer: {
         todos: reducer,
     },
     middleware: [...getDefaultMiddleware(), logger],
     devTools: process.env.NODE_ENV !== 'production',
-    preloadedState,
+    preloadedState: (persistedState || preloadedState),
     enhancers: [reduxBatch]
 })
 
+store.subscribe(throttle(() => {
+    saveState({
+        todos: store.getState().todos
+    });
+}, 1000));
+
 export default store;

src/redux/configureStore.ts

@@ -0,0 +1,20 @@
+export const loadState = () => {
+    try {
+        const serializedState = localStorage.getItem('state');
+        if (serializedState === null) {
+            return undefined;
+        }
+        return JSON.parse(serializedState);
+    } catch (err) {
+        return undefined;
+    }
+};
+
+export const saveState = (state: any) => {
+    try {
+        const serializedState = JSON.stringify(state);
+        localStorage.setItem('state', serializedState);
+    } catch { }
+};
+
+export default { loadState, saveState }