React Redux Router Index.js

import React from "react";
import ReactDOM from "react-dom";
import App from "./components/App.js";

// redux
import { Provider } from "react-redux";
import { createStore, applyMiddleware } from "redux";
import thunk from "redux-thunk";
import rootReducer from "./reducers/root.reducer.js";

// router
import { Route } from "react-router";

// redux & router
import createHistory from "history/createBrowserHistory";
import { ConnectedRouter, routerMiddleware } from "react-router-redux";

// css
import "font-awesome/css/font-awesome.min.css";
// TODO ...

// setup
const history = createHistory();
const routeMiddleware = routerMiddleware(history);
const store = createStore(rootReducer, applyMiddleware(thunk, routeMiddleware));

ReactDOM.render(
  <Provider store={store}>
    <ConnectedRouter history={history}>
      <Route path="/" component={App} />
    </ConnectedRouter>
  </Provider>,
  document.getElementById("root")
);