index.js

import React from 'react'
import ReactDOM from 'react-dom'
import DevTools from './containers/DevTools';
import { Provider } from 'react-redux'
import { Router, Route, IndexRoute, browserHistory } from 'react-router'
import { syncHistoryWithStore } from 'react-router-redux'
import store from './store'
import Root from '../containers/Root';
import { NotFoundView, Counter, FooView, BarView } from '../components';
import { SplitLayout, Primary } from '../layouts'

import './styles/main.scss';

const history = syncHistoryWithStore(browserHistory, store)

ReactDOM.render(
  <Provider store={store}>
    <div>
      <Router history={history}>
      <Route path="/" component={Root}>
        <Route component={Primary}>
          <IndexRoute component={Counter}/>
          <Route path="foo" component={FooView}/>
          <Route path="bar" component={BarView}/>
          <Route path="*" component={NotFoundView} />
        </Route>
      </Route>
      </Router>
    </div>
  </Provider>,
  document.getElementById('root')
)