📦 configureStore module was extracted from boot.jsx

Author: Nikita Kirsanov

src/boot.jsx

@@ -2,46 +2,25 @@ import * as React from 'react';
 import { render } from 'react-dom';
 import injectTapEventPlugin from 'react-tap-event-plugin';
 
-import './polyfills';
-
 import { Router, Route, browserHistory, IndexRoute } from 'react-router';
-import { syncHistoryWithStore, routerReducer, routerMiddleware } from 'react-router-redux';
+import { syncHistoryWithStore } from 'react-router-redux';
 
-import { combineReducers, createStore, applyMiddleware } from 'redux';
 import { Provider } from 'react-redux';
-import thunkMiddleware from 'redux-thunk';
-import createLogger from 'redux-logger';
 
-import { reducer as formReducer } from 'redux-form';
+import './polyfills';
 
-import * as reducers from './reducers';
 import { fetchUser } from './actions/user.actions';
 
 import App from './containers/app/app';
 import Feed from './containers/feed/feed';
 import SettingsPage from './containers/settings.page';
 import AboutPage from './components/about-page';
 
-injectTapEventPlugin();
+import configureStore from './configureStore';
 
-// Apply the middleware to the store
-const routeMiddleware = routerMiddleware(browserHistory);
+const store = configureStore();
 
-const middlewares = [thunkMiddleware, routeMiddleware];
-
-if (process.env.NODE_ENV === 'development') {
-    const loggerMiddleware = createLogger();
-    middlewares.push(loggerMiddleware);
-}
-
-const store = createStore(
-    combineReducers({
-        ...reducers,
-        routing: routerReducer,
-        form: formReducer,
-    }),
-    applyMiddleware(...middlewares)
-);
+injectTapEventPlugin();
 
 // Create an enhanced history that syncs navigation events with the store
 const history = syncHistoryWithStore(browserHistory, store);

src/configureStore.js

@@ -0,0 +1,29 @@
+import { combineReducers, createStore, applyMiddleware } from 'redux';
+import { browserHistory } from 'react-router';
+import { routerReducer, routerMiddleware } from 'react-router-redux';
+import thunkMiddleware from 'redux-thunk';
+import createLogger from 'redux-logger';
+import { reducer as formReducer } from 'redux-form';
+
+import * as reducers from './reducers';
+
+const rootReducer = combineReducers({
+    ...reducers,
+    routing: routerReducer,
+    form: formReducer,
+});
+
+const middlewares = [thunkMiddleware, routerMiddleware(browserHistory)];
+
+if (process.env.NODE_ENV !== 'production') {
+    const loggerMiddleware = createLogger();
+    middlewares.push(loggerMiddleware);
+}
+
+export default function configureStore(preloadedState) {
+    return createStore(
+        rootReducer,
+        preloadedState,
+        applyMiddleware(...middlewares)
+    );
+}