1
- /** @jsx React.DOM */
2
1
var React = require ( 'react' ) ;
3
2
var Router = require ( 'react-router' ) ;
4
- var { Route, Link , ActiveRouteHandler , Navigation } = Router ;
3
+ var { Route, RouteHandler , Link } = Router ;
5
4
6
5
var App = React . createClass ( {
7
6
getInitialState : function ( ) {
@@ -32,13 +31,13 @@ var App = React.createClass({
32
31
< li > < Link to = "about" > About</ Link > </ li >
33
32
< li > < Link to = "dashboard" > Dashboard</ Link > (authenticated)</ li >
34
33
</ ul >
35
- < ActiveRouteHandler />
34
+ < RouteHandler />
36
35
</ div >
37
36
) ;
38
37
}
39
38
} ) ;
40
39
41
- var AuthenticatedRoute = {
40
+ var Authentication = {
42
41
statics : {
43
42
willTransitionTo : function ( transition ) {
44
43
if ( ! auth . loggedIn ( ) ) {
@@ -50,7 +49,7 @@ var AuthenticatedRoute = {
50
49
} ;
51
50
52
51
var Dashboard = React . createClass ( {
53
- mixins : [ AuthenticatedRoute ] ,
52
+ mixins : [ Authentication ] ,
54
53
55
54
render : function ( ) {
56
55
var token = auth . getToken ( ) ;
@@ -65,7 +64,7 @@ var Dashboard = React.createClass({
65
64
} ) ;
66
65
67
66
var Login = React . createClass ( {
68
- mixins : [ Navigation ] ,
67
+ mixins : [ Router . Navigation ] ,
69
68
70
69
statics : {
71
70
attemptedTransition : null
@@ -177,7 +176,6 @@ function pretendRequest(email, pass, cb) {
177
176
} , 0 ) ;
178
177
}
179
178
180
-
181
179
var routes = (
182
180
< Route handler = { App } >
183
181
< Route name = "login" handler = { Login } />
@@ -187,6 +185,6 @@ var routes = (
187
185
</ Route >
188
186
) ;
189
187
190
- Router . run ( routes , ( Handler ) => {
191
- React . renderComponent ( < Handler /> , document . getElementById ( 'example' ) ) ;
188
+ Router . run ( routes , function ( Handler ) {
189
+ React . render ( < Handler /> , document . getElementById ( 'example' ) ) ;
192
190
} ) ;
0 commit comments