react-router v4 Simple Redux Connect setup.

actions.jsx

export function push(to) {
	return {type: 'ROUTE_TRANSITION', to, replace: false};
}
export function replace(to) {
	return {type: 'ROUTE_TRANSITION', to, replace: true};
}

// Simply import and dispatch these whereever you would use `import {push, replace} from 'react-router-redux';`

index.jsx

import React, {Component} from 'react';
import BrowserRouter from 'react-router/BrowserRouter';
import ReduxRouterConnect from './ReduxRouterConnect.jsx';

export default class Index extends Component {
	render() {
		return <BrowserRouter>
			<Other routes go here.../>
			<ReduxRouterConnect/>
		</BrowserRouter>;
	}
}

reducer.jsx

export default function reducer(state = {routing: {}}, action) {
	case 'ROUTE_TRANSITION':
		return {
			...state,
			routing: {
			to: action.to,
			replace: action.replace
		}
	};
	default:
		return state;
}

ReduxRouterConnect.jsx

import React, {Component} from 'react';
import {connect} from 'react-redux';

class ReduxRouterConnect extends Component {
	static contextTypes = {
		router: React.PropTypes.object
	};
	
	componentWillReceiveProps(nextProps) {
		if (nextProps.to !== this.props.to) {
			if (nextProps.replace) {
				this.context.router.replaceWith(to);
			} else {
				this.context.router.transitionTo(to);
			}
		}
	}
	
	render () {
		return <div/>;
	}
}

export default connect(state => ({...state.routing}))(ReduxRouterConnect);