[FrontEnd]React Router And History

configureStore.js

import { createStore , combineReducers, applyMiddleware } from "redux"

import thunk from "redux-thunk"

import { routerReducer, routerMiddleware } from "react-router-redux";

import createHistory from "history/createBrowserHistory";

import users from './modules/users'

const env = process.env.NODE_ENV;

const history = createHistory()

const middlewares = [thunk,routerMiddleware(history)];

if(env === "development"){

const { logger } = require("redux-logger");

middlewares.push(logger);

}

const reducer = combineReducers({

users,

routing : routerReducer

});

let store = initialState =>

createStore(reducer, applyMiddleware(...middlewares));

export { history };

export default store();

index.js

import React from 'react';

import ReactDOM from 'react-dom';

import {Provider} from "react-redux";

import { ConnectedRouter } from "react-router-redux";

import store, { history } from "./redux/configureStore";

import './index.css';

import App from './App';

ReactDOM.render(

<Provider store={store}>

<ConnectedRouter history={history}>

<App />

</ConnectedRouter>

</Provider>

, document.getElementById('root'));

console.log