diff --git a/client/src/store.js b/client/src/store.js index 2fa3a3cc..c5f0a675 100755 --- a/client/src/store.js +++ b/client/src/store.js @@ -1,4 +1,4 @@ -import { applyMiddleware, createStore } from 'redux'; +import { applyMiddleware, createStore, compose as reduxCompose } from 'redux'; import createSagaMiddleware from 'redux-saga'; import { routerMiddleware } from 'connected-react-router'; @@ -10,12 +10,19 @@ const sagaMiddleware = createSagaMiddleware(); const middlewares = [sagaMiddleware, routerMiddleware(history)]; +let compose = reduxCompose; + if (process.env.NODE_ENV !== 'production') { const { logger } = require('redux-logger'); // eslint-disable-line global-require - middlewares.push(logger); + + // enable Redux Devtools in development + // https://github.com/zalmoxisus/redux-devtools-extension + if (typeof window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ !== 'undefined') { + compose = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__; + } } -export default createStore(rootReducer, applyMiddleware(...middlewares)); +export default createStore(rootReducer, compose(applyMiddleware(...middlewares))); sagaMiddleware.run(rootSaga);