gistfile1.js

// index.jsx

"use strict";

var React        = require("react"),
    Router       = require("react-router"),
    Route        = Router.Route,
    Redirect     = Router.Redirect,
    App          = require("./app"),

    appActions   = require("./flux/actions/app");

var SitesRoutes = require("./modules/sites/routes"),
    Sites       = require("./modules/sites/module");

var routes = (
    <Route name="App" path="/" handler={App}>

        <Route name="Sites" path="/" handler={Sites.Container}>
          <Route name="Sites.Sites" path="sites" handler={Sites.Sites}>
        </Route>

        <Redirect from="*" to="Sites.Sites" />
    </Route>
);

Router.run(routes, Router.HistoryLocation, function (Handler, state) {
    appActions.router.changeRoute(state);
    React.render(<Handler/>, document.body);
});

// app.jsx

"use strict";

var React        = require("react/addons"),
    Router       = require("react-router"),
    RouteHandler = Router.RouteHandler,
    _            = require("underscore"),

    Transition   = React.addons.CSSTransitionGroup;

var App = React.createClass({

    mixins: [
        Router.State,
        Router.Navigation
    ],

    render: function () {
        var name = this.getRoutes().reverse()[0].name;

        return (
            <div className="app">
                <div className="content">
                    <div className="module-content">
                        <Transition component="div" transitionName="example">
                            <RouteHandler key={name} />
                        </Transition>
                    </div>
                </div>
            </div>
        );
    }
});

module.exports = App;