redux-react-router

basic-main.js

import React from 'react';
import { createRedux } from 'redux';
import { provide } from 'redux/react';
import { Router } from 'react-router';
import { history } from 'react-router/lib/HashHistory';
import routes from './routes';

const redux = createRedux({});

@provide(redux)
class App {
  render() {
    return (
      <Router history={history} children={routes}/>
    );
  }
}

components.js

import React from 'react';

export class Layout {
  render() {
    return (
      <div className='layout'>
        <h1>My app</h1>
        <div class='content'>
          { this.props.children }
        </div>
      </div>
    );
  }
}

export class Home {
  render() {
    return (<h2>Home</h2>);
  }
}

export class About {
  render() {
    return (<h2>About</h2>);
  }
}

routes.js

import { Layout, Home, About  } from './components';

// component syntax equivalent: <Route ... />
export default const routes = {
  component: Layout,
  childRoutes: [
    { path: '/', component: Home },
    { path: '/about', component: About }
  ]
};