add redux-devtools-extention

packages/learn/package.json

@@ -96,6 +96,7 @@
     "eslint-plugin-react": "^7.7.0",
     "monaco-editor-webpack-plugin": "^1.5.2",
     "prettier": "^1.11.1",
+    "redux-devtools-extension": "^2.13.5",
     "sinon": "^4.5.0",
     "webpack-cli": "^3.1.0"
   }

packages/learn/src/redux/store.js

@@ -6,6 +6,9 @@ import {
 import { combineEpics, createEpicMiddleware } from 'redux-observable';
 
 import { reducer as formReducer } from 'redux-form';
+import {
+  composeWithDevTools
+} from 'redux-devtools-extension/logOnlyInProduction';
 
 import { reducer as app, epics as appEpics } from './app';
 import {
@@ -40,8 +43,13 @@ const epicMiddleware = createEpicMiddleware(rootEpic, {
   }
 });
 
+const composeEnhancers = composeWithDevTools({
+  // options like actionSanitizer, stateSanitizer
+});
+
 export const createStore = () =>
   reduxCreateStore(
     rootReducer,
-    applyMiddleware(epicMiddleware)
-  );
+    composeEnhancers(
+      applyMiddleware(epicMiddleware)
+  ));

packages/learn/yarn.lock

@@ -9183,6 +9183,10 @@ redux-actions@^2.3.0:
     lodash-es "^4.17.4"
     reduce-reducers "^0.1.0"
 
+redux-devtools-extension@^2.13.5:
+  version "2.13.5"
+  resolved "https://registry.yarnpkg.com/redux-devtools-extension/-/redux-devtools-extension-2.13.5.tgz#3ff34f7227acfeef3964194f5f7fc2765e5c5a39"
+
 redux-form@5:
   version "5.3.6"
   resolved "https://registry.yarnpkg.com/redux-form/-/redux-form-5.3.6.tgz#f77a81dbf38d44d26ea411100a23f19e29cd1946"