Update partial-app-loading example

Author: mjackson

examples/partial-app-loading/app.js

@@ -1,18 +1,13 @@
-/** @jsx React.DOM */
 var React = require('react');
 var Router = require('react-router');
-var Route = Router.Route;
-var Routes = Router.Routes;
-var Link = Router.Link;
-var ActiveRouteHandler = Router.ActiveRouteHandler;
+var { Route, RouteHandler, Link } = Router;
 
-var AsyncReactComponent = {
+var AsyncElement = {
   loadedComponent: null,
 
   load: function () {
-    if (this.constructor.loadedComponent) {
+    if (this.constructor.loadedComponent)
       return;
-    }
 
     this.bundle(function (component) {
       this.constructor.loadedComponent = component;
@@ -27,25 +22,25 @@ var AsyncReactComponent = {
   render: function () {
     var component = this.constructor.loadedComponent;
     if (component) {
-      // can't find ActiveRouteHandler in the loaded component, so we just grab
+      // can't find RouteHandler in the loaded component, so we just grab
       // it here first.
-      this.props.activeRoute = <ActiveRouteHandler />;
+      this.props.activeRoute = <RouteHandler/>;
       return component(this.props);
     }
     return this.preRender();
   }
 };
 
 var PreDashboard = React.createClass({
-  mixins: [AsyncReactComponent],
+  mixins: [ AsyncElement ],
   bundle: require('bundle?lazy!./dashboard.js'),
   preRender: function () {
     return <div>Loading dashboard...</div>
   }
 });
 
 var PreInbox = React.createClass({
-  mixins: [AsyncReactComponent],
+  mixins: [ AsyncElement ],
   bundle: require('bundle?lazy!./inbox.js'),
   preRender: function () {
     return <div>Loading inbox...</div>
@@ -60,7 +55,7 @@ var App = React.createClass({
         <ul>
           <li><Link to="dashboard">Dashboard</Link></li>
         </ul>
-        <ActiveRouteHandler/>
+        <RouteHandler/>
       </div>
     );
   }
@@ -75,6 +70,5 @@ var routes = (
 );
 
 Router.run(routes, function (Handler) {
-  React.renderComponent(<Handler/>, document.getElementById('example'));
+  React.render(<Handler/>, document.getElementById('example'));
 });
-

examples/partial-app-loading/dashboard.js

@@ -1,8 +1,6 @@
-/** @jsx React.DOM */
-
 var React = require('react');
 var Router = require('react-router');
-var Link = Router.Link;
+var { RouteHandler, Link } = Router;
 
 var Dashboard = React.createClass({
 
@@ -13,7 +11,7 @@ var Dashboard = React.createClass({
         <ul>
           <li><Link to="inbox">Inbox</Link></li>
         </ul>
-        {this.props.activeRoute}
+        <RouteHandler/>
       </div>
     );
   }

examples/partial-app-loading/inbox.js

@@ -1,5 +1,3 @@
-/** @jsx React.DOM */
-
 var React = require('react');
 
 var Inbox = React.createClass({