This repository was archived by the owner on Feb 19, 2021. It is now read-only.

Commit 9a9a59d

committed

imp persist store to local storage

1 parent 166392b commit 9a9a59dCopy full SHA for 9a9a59d

File tree

+43

-1

lines changed

+43

-1

lines changed

Lines changed: 11 additions & 0 deletions

Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Lines changed: 1 addition & 0 deletions

Lines changed: 11 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -2,16 +2,26 @@ import { configureStore, getDefaultMiddleware } from 'redux-starter-kit'`
`2`	`2`	`import logger from 'redux-logger'`
`3`	`3`	`import { reduxBatch } from '@manaflair/redux-batch'`
`4`	`4`	`import preloadedState from './preloadedState';`
	`5`	`+import { loadState, saveState } from './localStorage'`
`5`	`6`	`import reducer from './todosSlice';`
	`7`	`+import { throttle } from 'lodash';`
	`8`	`+`
	`9`	`+const persistedState = loadState();`
`6`	`10`
`7`	`11`	`const store = configureStore({`
`8`	`12`	`reducer: {`
`9`	`13`	`todos: reducer,`
`10`	`14`	`},`
`11`	`15`	`middleware: [...getDefaultMiddleware(), logger],`
`12`	`16`	`devTools: process.env.NODE_ENV !== 'production',`
`13`		`- preloadedState,`
	`17`	`+ preloadedState: (persistedState\|\|preloadedState),`
`14`	`18`	`enhancers: [reduxBatch]`
`15`	`19`	`})`
`16`	`20`
	`21`	`+store.subscribe(throttle(() => {`
	`22`	`+ saveState({`
	`23`	`+ todos: store.getState().todos`
	`24`	`+ });`
	`25`	`+}, 1000));`
	`26`	`+`
`17`	`27`	`export default store;`

Lines changed: 20 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,20 @@`
	`1`	`+export const loadState = () => {`
	`2`	`+ try {`
	`3`	`+ const serializedState = localStorage.getItem('state');`
	`4`	`+ if (serializedState === null) {`
	`5`	`+ return undefined;`
	`6`	`+ }`
	`7`	`+ return JSON.parse(serializedState);`
	`8`	`+ } catch (err) {`
	`9`	`+ return undefined;`
	`10`	`+ }`
	`11`	`+};`
	`12`	`+`
	`13`	`+export const saveState = (state: any) => {`
	`14`	`+ try {`
	`15`	`+ const serializedState = JSON.stringify(state);`
	`16`	`+ localStorage.setItem('state', serializedState);`
	`17`	`+ } catch { }`
	`18`	`+};`
	`19`	`+`
	`20`	`+export default { loadState, saveState }`

Comments

(0)