Redux Router Reducer

App.jsx

import {
  updateRouterState
} from '../actions/RouterActions';

function mapStateToProps(store) {
  return {}
}

function mapDispatchToProps(dispatch) {
  return {
    updateRouterState: (state) => dispatch(updateRouterState(state))
  }
}

class App extends React.Component {

  componentWillReceiveProps(nextProps) {
    this.props.updateRouterState(nextProps.router);
  }

  render() {
    return (
      <main>
        <RouteHandler />
      </main>
    );
  }
}

export default connect(mapStateToProps, mapDispatchToProps)(App);

client.jsx

Router.run(routes, Router.HistoryLocation, (Handler, state) => {
    const router = {
      path: state.path,
      pathname: state.pathname,
      params: state.params,
      query: state.query
    }

    React.render(
      <Provider store={store}>
        {() => <Handler router={router} />}
      </Provider>,
      document.getElementById('app')
    );
  });
  

RouterActions.js

import {
  UPDATE_ROUTER_STATE,
} from '../constants/RouterConstants';

export function updateRouterState(payload) {
  return {
    type: UPDATE_ROUTER_STATE,
    payload: payload
  }
}

RouterConstants.js

export const UPDATE_ROUTER_STATE = 'UPDATE_ROUTER_STATE';

routerReduer.js

import {
  UPDATE_ROUTER_STATE,
} from '../constants/RouterConstants';

const initialState = {
  path: null,
  pathname: null,
  params: {},
  query: {}
}

export default function router(state = initialState, action) {
  switch(action.type){
    case UPDATE_ROUTER_STATE:
      return action.payload;
    default:
      return state;
  }
}