src/main/app/src/index.js
import React from 'react';
import ReactDOM from 'react-dom';
import {Provider} from 'react-redux';
import createLogger from 'redux-logger';
import { createStore, applyMiddleware } from 'redux';
import thunkMiddleware from 'redux-thunk';
import { Router , Route , IndexRoute, browserHistory } from 'react-router';
import promiseMiddleware from 'redux-promise';
import './index.css';
import reducer from './redux';
import App from './component/App/App';
import AddMicroService from './component/AddMicroservice/AddMicroServiceForm';
import DataView from './containers/DataView/DataView';
import ErrorPage from './component/Error';
const createStoreWithMiddleware = applyMiddleware(promiseMiddleware,thunkMiddleware,createLogger)(createStore);
const store = createStoreWithMiddleware(reducer);
ReactDOM.render(
<Provider store={store} >
<Router history={browserHistory}>
<Route path="/" component={App}>
<IndexRoute component={DataView}></IndexRoute>
<Route path="addService" component={AddMicroService}></Route>
<Route path="error" component={ErrorPage}></Route>
</Route>
</Router>
</Provider>,
document.getElementById('root')
);