redux-crosstab_persist_index

index.diff

 import React from 'react'
 import { render } from 'react-dom'
 import { createStore } from 'redux'
 import { Provider } from 'react-redux'
 import App from './components/App'
 import reducer from './reducers'
 import 'todomvc-app-css/index.css'

+import { persistStore, persistReducer } from 'redux-persist'
+import { PersistGate } from 'redux-persist/integration/react'
+import storage from 'redux-persist/lib/storage' 
+import hardSet from 'redux-persist/lib/stateReconciler/hardSet'

+import crossBrowserListener from './utils/cross-browser-middleware'

+const persistConfig = {
+  key: 'root',
+  storage,
+  stateReconciler: hardSet
+}

+const persistedReducer = persistReducer(persistConfig, reducer)

-const store = createStore(reducer)
+const store = createStore(persistedReducer)
+const persistor = persistStore(store)

+window.addEventListener('storage', crossBrowserListener(store, persistConfig));

 render(
   <Provider store={store}>
-    <App />
+    <PersistGate loading={null} persistor={persistor}>
+      <App />
+    </PersistGate>
   </Provider>,
   document.getElementById('root')
 )