Update examples

Author: mjackson

examples/animations/app.js

@@ -1,5 +1,4 @@
 import React from 'react/addons';
-import createHistory from 'history/lib/createHashHistory';
 import { Router, Route, Link } from 'react-router';
 
 var { CSSTransitionGroup } = React.addons;
@@ -44,10 +43,8 @@ var Page2 = React.createClass({
   }
 });
 
-var history = createHistory();
-
 React.render((
-  <Router history={history}>
+  <Router>
     <Route path="/" component={App}>
       <Route path="page1" component={Page1} />
       <Route path="page2" component={Page2} />

examples/auth-flow/app.js

@@ -1,5 +1,4 @@
 import React, { findDOMNode } from 'react';
-import createHistory from 'history/lib/createHashHistory';
 import { Router, Route, Link, Navigation } from 'react-router';
 import auth from './auth';
 
@@ -119,10 +118,8 @@ function requireAuth(nextState, redirectTo) {
     redirectTo('/login', null, { nextPathname: nextState.location.pathname });
 }
 
-var history = createHistory();
-
 React.render((
-  <Router history={history}>
+  <Router>
     <Route path="/" component={App}>
       <Route path="login" component={Login} />
       <Route path="logout" component={Logout} />

examples/dynamic-segments/app.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import createHistory from 'history/lib/createHashHistory';
 import { Router, Route, Link, Redirect } from 'react-router';
 
 var App = React.createClass({
@@ -46,10 +45,8 @@ var Task = React.createClass({
   }
 });
 
-var history = createHistory();
-
 React.render((
-  <Router history={history}>
+  <Router>
     <Route path="/" component={App}>
       <Route path="user/:userID" component={User}>
         <Route path="tasks/:taskID" component={Task} />

examples/huge-apps/app.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import createHistory from 'history/lib/createHashHistory';
 import { Router } from 'react-router';
 import stubbedCourses from './stubs/COURSES';
 
@@ -18,8 +17,6 @@ var rootRoute = {
   ]
 };
 
-var history = createHistory();
-
 React.render((
-  <Router history={history} routes={rootRoute} />
+  <Router routes={rootRoute} />
 ), document.getElementById('example'));

examples/master-detail/app.js

@@ -1,5 +1,4 @@
 import React, { findDOMNode } from 'react';
-import createHistory from 'history/lib/createHashHistory';
 import { Router, Navigation, Route, Link } from 'react-router';
 import ContactStore from './ContactStore';
 
@@ -149,10 +148,8 @@ var NotFound = React.createClass({
   }
 });
 
-var history = createHistory();
-
 React.render((
-  <Router history={history}>
+  <Router>
     <Route component={App}>
       <Route path="/" component={Index} />
       <Route path="contact/new" component={NewContact} />

examples/passing-props-to-children/app.js

@@ -1,11 +1,10 @@
 import React from 'react';
-import createHistory from 'history/lib/createHashHistory';
 import { Router, Route, Link, Navigation } from 'react-router';
 
 var App = React.createClass({
   mixins: [ Navigation ],
 
-  getInitialState: function () {
+  getInitialState() {
     return {
       tacos: [
         { name: 'duck confit' },
@@ -15,22 +14,23 @@ var App = React.createClass({
     };
   },
 
-  addTaco: function () {
+  addTaco() {
     var name = prompt('taco name?');
+
     this.setState({
       tacos: this.state.tacos.concat({name: name})
     });
   },
 
-  handleRemoveTaco: function (removedTaco) {
+  handleRemoveTaco(removedTaco) {
     var tacos = this.state.tacos.filter(function (taco) {
       return taco.name != removedTaco;
     });
     this.setState({tacos: tacos});
     this.transitionTo('/');
   },
 
-  render: function () {
+  render() {
     var links = this.state.tacos.map(function (taco, i) {
       return (
         <li key={i}>
@@ -55,11 +55,11 @@ var App = React.createClass({
 });
 
 var Taco = React.createClass({
-  remove: function () {
+  remove() {
     this.props.onRemoveTaco(this.props.params.name);
   },
 
-  render: function () {
+  render() {
     return (
       <div className="Taco">
         <h1>{this.props.params.name}</h1>
@@ -69,10 +69,8 @@ var Taco = React.createClass({
   }
 });
 
-var history = createHistory();
-
 React.render((
-  <Router history={history}>
+  <Router>
     <Route path="/" component={App}>
       <Route path="taco/:name" component={Taco} />
     </Route>

examples/pinterest/app.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import createHistory from 'history/lib/createHashHistory';
 import { Router, Link } from 'react-router';
 
 var pictures = [
@@ -112,21 +111,19 @@ var RootRoute = {
   component: App,
   indexRoute: FeedRoute,
 
-  getChildRoutes (location, cb) {
+  getChildRoutes (location, callback) {
     var { state } = location;
 
     if (state && state.fromFeed) {
-      cb(null, [ FeedRoute ]);
+      callback(null, [ FeedRoute ]);
     } else {
-      cb(null, [ PictureRoute ]);
+      callback(null, [ PictureRoute ]);
     }
   }
 };
 
-var history = createHistory();
-
 React.render(
-  <Router history={history} children={RootRoute} />,
+  <Router children={RootRoute} />,
   document.getElementById('example')
 );
 

examples/query-params/app.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import createHistory from 'history/lib/createHashHistory';
 import { Router, Route, Link } from 'react-router';
 
 var User = React.createClass({
@@ -31,10 +30,8 @@ var App = React.createClass({
   }
 });
 
-var history = createHistory();
-
 React.render((
-  <Router history={history}>
+  <Router>
     <Route path="/" component={App}>
       <Route path="user/:userID" component={User} />
     </Route>

examples/shared-root/app.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import createHistory from 'history/lib/createHashHistory';
 import { Router, Route, Link } from 'react-router';
 
 var App = React.createClass({
@@ -69,10 +68,8 @@ var ForgotPassword = React.createClass({
   }
 });
 
-var history = createHistory();
-
 React.render((
-  <Router history={history}>
+  <Router>
     <Route path="/" component={App}>
       <Route component={SignedOut}>
         <Route path="signin" component={SignIn} />

examples/sidebar/app.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import createHistory from 'history/lib/createHashHistory';
 import { Router, Route, Link } from 'react-router';
 import data from './data';
 
@@ -95,10 +94,8 @@ var App = React.createClass({
   }
 });
 
-var history = createHistory();
-
 React.render((
-  <Router history={history}>
+  <Router>
     <Route path="/" component={App}>
       <Route path="category/:category" components={{content: Category, sidebar: CategorySidebar}}>
         <Route path=":item" component={Item} />