declarative routes with react-router

routes.jsx

import Router from 'react-router'
import Route from 'react-router'
// import the components
import App from './App'
import Dashboard from './Dashboard'
import About from './About'
import Inbox from './Inbox'
import Message from './Message'

// example from https://github.com/ReactTraining/react-router/blob/master/docs/guides/RouteConfiguration.md
render((
  <Router>
    <Route path="/" component={App}>
      <IndexRoute component={Dashboard} />
      <Route path="about" component={About} />
      <Route path="inbox" component={Inbox} />

      {/* Use /messages/:id instead of /inbox/messages/:id */}
      <Route component={Inbox}>
        <Route path="messages/:id" component={Message} />
      </Route>
    </Route>
  </Router>
), document.body)