content: import { createDevTools } from 'redux-devtools'
  import LogMonitor from 'redux-devtools-log-monitor'
  import DockMonitor from 'redux-devtools-dock-monitor'
  
  import React from 'react'
  import ReactDOM from 'react-dom'
  
  import { Provider } from 'react-redux'
  import { createStore, applyMiddleware, combineReducers } from 'redux'
  
  import { Router, Route, IndexRoute, browserHistory } from 'react-router'
  import { syncHistoryWithStore, routerReducer } from 'react-router-redux'
  
  import App from './components/app'
  import Home from './containers/home'
  import Event from './containers/event'
  import Dashboard from './containers/dashboard'
  
  import * as reducers from './reducers'
  
  const reducer = combineReducers({
    ...reducers,
    routing: routerReducer
  })
  
  const DevTools = createDevTools(
    <DockMonitor toggleVisibilityKey="ctrl-h" changePositionKey="ctrl-q">
      <LogMonitor theme="tomorrow" preserveScrollTop={false} />
    </DockMonitor>
  )
  
  const store = createStore(
    reducer,
    //DevTools.instrument()
  )
  const history = syncHistoryWithStore(browserHistory, store)
  
  const createStoreWithMiddleware = applyMiddleware()(createStore)
  
  ReactDOM.render(
    <Provider store={store}>
      <div>
        <Router history={history}>
          <Route path="/" component={App}>
            <IndexRoute component={Home} />
            <Route path="event" component={Event} />
            <Route path="dashboard" component={Dashboard} />
          </Route>
        </Router>
        <DevTools />
      </div>
    </Provider>
    , document.querySelector('.main'))
  