From 2aaee103a9d7218f9f287c9113bd2488ce8f8233 Mon Sep 17 00:00:00 2001 From: Monia <3ditds@gmail.com> Date: Tue, 16 Apr 2019 21:05:00 +0300 Subject: [PATCH] feat: add redux devtools (#163) * feat: add redux dev tools --- src/state/index.js | 24 +++++++++++++++++++----- 1 file changed, 19 insertions(+), 5 deletions(-) diff --git a/src/state/index.js b/src/state/index.js index 1fd3646..65d2e3c 100644 --- a/src/state/index.js +++ b/src/state/index.js @@ -3,15 +3,29 @@ import thunk from 'redux-thunk'; import createRootReducer from './rootReducer'; import logger from 'redux-logger'; +// Check if we are in production +const production = process.env.NODE_ENV === 'production'; + +// If we are in production dont use devtools-extension-compose +const composeEnhancers = + !production && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ + ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({ + name: 'boltz', + actionsBlacklist: ['REDUX_STORAGE_SAVE'], + serialize: true, + trace: true, + }) + : compose; + +// Select middelware to use let middelware = [thunk]; -if (process.env.NODE_ENV !== 'production') { +if (!production) { middelware = [...middelware, logger]; } -const store = createStore( - createRootReducer(), - compose(applyMiddleware(...middelware)) -); +const enhancer = composeEnhancers(applyMiddleware(...middelware)); +const rootReducer = createRootReducer(); +const store = createStore(rootReducer, enhancer); export default store;