Add root store with middleware.

src/Index.jsx

@@ -3,20 +3,23 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import { Router, Route, IndexRoute } from 'react-router';
-import { createStore } from 'redux'
-import { Provider } from 'react-redux'
+import { Provider } from 'react-redux';
 
 import App from './components/App.jsx';
 
-import reducers from './reducers/reducers.js';
+//import reducers from './reducers/reducers.js';
 import Home from './components/Home.jsx';
 import Teachers from './components/Teachers.jsx';
 import TeachersDashboard from './components/TeachersDashboard.jsx'
 import MapExplorer from './components/MapExplorer.jsx';
 import Styles from './styles/main.styl';
 
+import configureStore from './store/configureStore';
+
+const store = configureStore();
+
 window.React = React;
-let store = createStore(reducers)
+
 ReactDOM.render(
   <Provider store={store}>
     <Router>

src/store/configureStore.js

@@ -0,0 +1,18 @@
+import { createStore, applyMiddleware } from 'redux';
+import thunkMiddleware from 'redux-thunk';
+//import rootReducer from '../reducers';
+import rootReducer from '../reducers/reducers';
+const createStoreWithMiddleware = applyMiddleware(thunkMiddleware)(createStore)
+
+export default function configureStore(initialState) {
+  const store = createStoreWithMiddleware(rootReducer, initialState)
+
+  if (module.hot) {
+    // Enable Webpack hot module replacement for reducers
+    module.hot.accept('../reducers/reducers', () => {
+      const nextRootReducer = require('../reducers/reducers')
+      store.replaceReducer(nextRootReducer)
+    })
+  }
+  return store
+}