6b: Many Reducers - Redux DevTools

part6/notes-redux/package.json

@@ -34,6 +34,7 @@
     ]
   },
   "devDependencies": {
-    "deep-freeze": "0.0.1"
+    "deep-freeze": "0.0.1",
+    "redux-devtools-extension": "^2.13.8"
   }
 }

part6/notes-redux/src/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { createStore, combineReducers } from 'redux'
+import { composeWithDevTools } from 'redux-devtools-extension'
 import { Provider } from 'react-redux'
 import App from './App'
 
@@ -9,24 +10,19 @@ import filterReducer from './reducers/filterReducer'
 
 import './App.css';
 
-// import { createNote } from './reducers/noteReducer'
-// import { filterChange } from './reducers/filterReducer'
-
 const reducer = combineReducers({
   notes: noteReducer,
   filter: filterReducer
 })
 
-const store = createStore(reducer)
+const store = createStore(
+  reducer,
+  composeWithDevTools()
+)
 
 ReactDOM.render(
   <Provider store={store}>
     <App />
   </Provider>,
   document.getElementById('root')
-  )
-
-  console.log(store.getState())
-  // store.subscribe(() => console.log(store.getState()))
-  // store.dispatch(createNote('combineReducers forms one reducer from many simple reducers'))
-  // store.dispatch(filterChange('IMPORTANT'))
+)