Updated the examples to use the history singleton

Author: Schniz

examples/animations/app.js

@@ -1,5 +1,5 @@
 import React, { cloneElement } from 'react/addons';
-import HashHistory from 'react-router/lib/HashHistory';
+import { history } from 'react-router/lib/HashHistory';
 import { Router, Route, Link } from 'react-router';
 
 var { CSSTransitionGroup } = React.addons;
@@ -46,7 +46,7 @@ var Page2 = React.createClass({
 
 
 React.render((
-  <Router history={new HashHistory}>
+  <Router history={history}>
     <Route path="/" component={App}>
       <Route path="page1" component={Page1} />
       <Route path="page2" component={Page2} />

examples/async-data/app.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import HashHistory from 'react-router/lib/HashHistory';
+import { history } from 'react-router/lib/HashHistory';
 import { Router, Route, Link, Navigation } from 'react-router';
 import { loadContacts, loadContact, createContact } from './utils';
 import AsyncProps from 'react-router/lib/experimental/AsyncProps';
@@ -106,7 +106,7 @@ var Index = React.createClass({
 });
 
 React.render((
-  <Router history={new HashHistory} createElement={AsyncProps.createElement}>
+  <Router history={history} createElement={AsyncProps.createElement}>
     <Route component={AsyncProps} renderInitialLoad={() => <Spinner/> }>
       <Route component={App}>
         <Route path="/" component={Index}/>

examples/auth-flow/app.js

@@ -2,6 +2,7 @@ import React, { findDOMNode } from 'react';
 import { Router, Route, Link, Navigation } from 'react-router';
 import HashHistory from 'react-router/lib/HashHistory';
 import auth from './auth';
+var history = new HashHistory({ queryKey: true });
 
 var App = React.createClass({
   getInitialState() {
@@ -120,7 +121,7 @@ function requireAuth(nextState, transition) {
 }
 
 React.render((
-  <Router history={new HashHistory({ queryKey: true })}>
+  <Router history={history}>
     <Route path="/" component={App}>
       <Route path="login" component={Login}/>
       <Route path="logout" component={Logout}/>

examples/dynamic-segments/app.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import HashHistory from 'react-router/lib/HashHistory';
+import { history } from 'react-router/lib/HashHistory';
 import { Router, Route, Link, Redirect } from 'react-router';
 
 var App = React.createClass({
@@ -47,7 +47,7 @@ var Task = React.createClass({
 });
 
 React.render((
-  <Router history={new HashHistory}>
+  <Router history={history}>
     <Route path="/" component={App}>
       <Route path="user/:userID" component={User}>
         <Route path="tasks/:taskID" component={Task}/>

examples/huge-apps/app.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import HashHistory from 'react-router/lib/HashHistory';
+import { history } from 'react-router/lib/HashHistory';
 import { Router } from 'react-router';
 import AsyncProps from 'react-router/lib/experimental/AsyncProps';
 import stubbedCourses from './stubs/COURSES';
@@ -28,7 +28,7 @@ var rootRoute = {
 React.render((
   <Router
     routes={rootRoute}
-    history={new HashHistory}
+    history={history}
     createElement={AsyncProps.createElement}
   />
 ), document.getElementById('example'));

examples/master-detail/app.js

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

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

@@ -1,5 +1,5 @@
 var React = require('react');
-import HashHistory from 'react-router/lib/HashHistory';
+import { history } from 'react-router/lib/HashHistory';
 var { Router, Route, Link, Navigation } = require('react-router');
 
 var App = React.createClass({
@@ -72,7 +72,7 @@ var Taco = React.createClass({
 });
 
 React.render((
-  <Router history={new HashHistory}>
+  <Router history={history}>
     <Route path="/" component={App}>
       <Route path="taco/:name" component={Taco}/>
     </Route>

examples/pinterest/app.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Router, Link } from 'react-router';
 import HashHistory from 'react-router/lib/HashHistory';
+var history = new HashHistory({ queryKey: 'k' });
 
 var pictures = [
   {id: 0, src: 'http://placekitten.com/601/601'},
@@ -127,7 +128,7 @@ var RootRoute = {
 };
 
 React.render(
-  <Router history={new HashHistory({ queryKey: 'k' })} children={RootRoute}/>,
+  <Router history={history} children={RootRoute}/>,
   document.getElementById('example')
 );
 
@@ -160,4 +161,3 @@ React.render(
 //
 // 10. I am very glad there aren't ten steps to explain this ...
 //
-

examples/query-params/app.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import HashHistory from 'react-router/lib/HashHistory';
+import { history } from 'react-router/lib/HashHistory';
 import { Router, Route, Link } from 'react-router';
 
 var User = React.createClass({
@@ -32,7 +32,7 @@ var App = React.createClass({
 });
 
 React.render((
-  <Router history={new HashHistory}>
+  <Router history={history}>
     <Route path="/" component={App}>
       <Route path="user/:userID" component={User}/>
     </Route>

examples/shared-root/app.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import HashHistory from 'react-router/lib/HashHistory';
+import { history } from 'react-router/lib/HashHistory';
 import { Router, Route, Link } from 'react-router';
 
 var App = React.createClass({
@@ -70,7 +70,7 @@ var ForgotPassword = React.createClass({
 });
 
 React.render((
-  <Router history={new HashHistory}>
+  <Router history={history}>
     <Route path="/" component={App}>
       <Route component={SignedOut}>
         <Route path="signin" component={SignIn}/>