React-router

router.js

/** @jsx React.DOM */

var React  = require('react'),
    Router = require('react-router'), 
    Route = Router.Route,
    Routes = Router.Routes,
    Link = Router.Link,

    App       = require('./components/App.jsx'),
    Dashboard = require('./components/Dashboard.jsx');
    Clients   = require('./modules/clients/components/Main.jsx'),
    Brands    = require('./modules/brands/components/Main.jsx'),
    Locations = require('./modules/locations/components/Main.jsx'),
    Items     = require('./modules/items/components/Main.jsx');
    //Offers    = require('./modules/offers/components/Main.jsx');

var routes = (
    <Routes>
        <Route handler={App}>
            <Route name="dashboard" path="/"         handler={Dashboard}/>
            <Route name="brands"    path="/brands"    handler={Brands}/>
            <Route name="clients"   path="/clients"   handler={Clients}/>
            <Route name="locations" path="/clients/:client_id/locations" handler={Locations}/>
            
            // getting error: No route matches path "clients/6/locations/16/items". Make sure you have <Route path="clients/6/locations/16/items"> somewhere in your routes 
            <Route name="items"     path="/clients/:client_id/locations/:location_id/items"  handler={Items}/>
            
        </Route>
    </Routes>
);

React.renderComponent(routes, document.getElementById('app'));