Aviator/React example

routes.js

import Aviator from 'vendor/aviator';
import ServerRouteTarget from 'route_targets/server_route_target';

let Routes = {
  /**
  Call this method `Routes.dispatch` to start routing.

  @method dispatch
  @param {Object} targets
    @example { 'nameOfMyRouteTarget': instanceOfMyRouteTarget }
  **/
  dispatch: function (targets) {

    Aviator.setRoutes({
      '/servers': {
        target: ServerRouteTarget,
        '/:id': {
          '/': 'show'
        }
    });

    Aviator.dispatch();
  }

};

export default Routes;
              

server_route_target.jsx

/** @jsx React.DOM */

import React  from 'vendor/react';
import Server from 'components/server_component';

/**
@module ServerRouteTarget
**/
let ServerRouteTarget = {

  getPageNode: function () { document.getElementById('page') },

  /**
  @method show
  @param {Aviator.Request}
  **/
  show: function (request) {
    React.renderComponent(
      <Server />,
      ServerRouteTarget.getPageNode()
    );
  }
};

export default ServerRouteTarget;

Console