Commit 3ae2a40

committed

redux-persist added

1 parent 391b7b6 commit 3ae2a40Copy full SHA for 3ae2a40

File tree

+16

-4

lines changed

+16

-4

lines changed

Lines changed: 2 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,8 @@ import "./App.css";`
`3`	`3`	`import CardList from "./Containers/cardContainer";`
`4`	`4`	`import Form from "./Containers/formContainer";`
`5`	`5`
	`6`	`+`
	`7`	`+`
`6`	`8`	`// Redux Persist takes your Redux state object and saves it to persisted storage.`
`7`	`9`	`// Then on app launch it retrieves this persisted state and saves it back to redux.`
`8`	`10`

Lines changed: 14 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -10,16 +10,26 @@ import { persistStore, persistReducer } from 'redux-persist';`
`10`	`10`	`import storage from 'redux-persist/lib/storage';`
`11`	`11`	`import rootReducer from './rootReducer'`
`12`	`12`	`import autoMergeLevel2 from 'redux-persist/lib/stateReconciler/autoMergeLevel2';`
	`13`	`+import { PersistGate } from 'redux-persist/lib/integration/react';`
	`14`	`+import * as t from './Constants';`
`13`	`15`
`14`		`-// BLOG`
	`16`	`+const persistConfig = {`
	`17`	`+ key: 'root',`
	`18`	`+ storage: storage,`
	`19`	`+ stateReconciler: autoMergeLevel2,`
	`20`	`+ blacklist: [],`
	`21`	`+ whitelist: [t.CARD_LIST_REDUCER]`
	`22`	`+};`
`15`	`23`
`16`		`-const store = createStore(`
`17`		`-rootReducer`
`18`		`-);`
	`24`	`+const persistreducer = persistReducer(persistConfig,rootReducer);`
	`25`	`+conststore=createStore(persistreducer);`
	`26`	`+constpersistor=persistStore(store);`
`19`	`27`
`20`	`28`	`ReactDOM.render((`
`21`	`29`	`<Provider store={store}>`
	`30`	`+ <PersistGate persistor={persistor}>`
`22`	`31`	`<App />`
	`32`	`+ </PersistGate>`
`23`	`33`	`</Provider>`
`24`	`34`	`), document.getElementById('root'));`
`25`	`35`

Comments

(0)