tix-react-ssr/template/src/redux/configureStore.js

Tiket.com React Project Scripts

import { createStore, applyMiddleware, compose } from 'redux';
import thunk from 'redux-thunk';

import reduxClientMiddleware from './reduxClientMiddleware';
import reducers from './reducers';
import * as actionCreators from './actions';

export default function configureStore(preloadedState = {}, client = null) {
  const DEV = process.env.NODE_ENV !== 'production';
  const middleware = [reduxClientMiddleware(client), thunk];
  let composeEnhancers = compose;

  if (process.env.BROWSER && DEV) {
    if (window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) {
      composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
        actionCreators,
      });
    }
  }

  const store = createStore(reducers, preloadedState, composeEnhancers(applyMiddleware(...middleware)));

  if (process.env.NODE_ENV === 'development' && module.hot) {
    module.hot.accept('./reducers', () => {
      store.replaceReducers(require('./reducers').default);
    });
  }

  return store;
}