Enable redux-devtools and remove logger middleware

app/store/configureStore.js

@@ -1,9 +1,10 @@
-import { compose, createStore } from 'redux';
+import { createStore } from 'redux';
+import { composeWithDevTools } from 'redux-devtools-extension/logOnlyInProduction';
 
 import rootReducer from 'state/rootReducer';
 import middleware from './middleware';
 
-const finalCreateStore = compose(...middleware)(createStore);
+const finalCreateStore = composeWithDevTools(...middleware)(createStore);
 
 function configureStore(initialState) {
   const store = finalCreateStore(rootReducer, initialState);

app/store/middleware/index.js

@@ -1,25 +1,15 @@
 import { applyMiddleware } from 'redux';
 import { apiMiddleware } from 'redux-api-middleware';
-import createLogger from 'redux-logger';
 import thunk from 'redux-thunk';
 
 import persistState from './persistState';
 import tracking from './tracking';
 
-const isDevelopment = process.env.NODE_ENV !== 'production';
 const storeEnhancers = [
   applyMiddleware(thunk),
   applyMiddleware(apiMiddleware),
   applyMiddleware(tracking),
   persistState,
 ];
 
-if (isDevelopment) {
-  const loggerMiddleware = createLogger({
-    collapsed: true,
-    duration: true,
-  });
-  storeEnhancers.push(applyMiddleware(loggerMiddleware));
-}
-
 export default storeEnhancers;

package.json

@@ -125,7 +125,7 @@
     "react-transform-catch-errors": "1.0.2",
     "react-transform-hmr": "1.0.4",
     "redbox-react": "1.3.2",
-    "redux-logger": "2.7.0",
+    "redux-devtools-extension": "2.13.8",
     "resolve-url-loader": "2.0.2",
     "rosie": "1.6.0",
     "sass-loader": "4.1.1",