Changed the docs to reflect the singleton usage

Author: Schniz

doc/00 Guides/0 Overview.md

@@ -111,7 +111,7 @@ Let's refactor our app to use React Router.
 // first we import some components
 import { Router, Route, Link } from 'react-router';
 // the histories are imported separately for smaller builds
-import HashHistory from 'react-router/lib/HashHistory';
+import { history } from 'react-router/lib/HashHistory';
 
 // ...
 
@@ -138,13 +138,10 @@ var App = React.createClass({
   }
 });
 
-// Declare the history outside of the `render` function.
-var history = new HashHistory();
-
 // Finally we render a `Router` component with some `Route`s, it'll do all
 // the fancy routing stuff for us.
 React.render((
-  <Router history={history}>
+  <Router history={history()}>
     <Route path="/" component={App}>
       <Route path="about" component={About}/>
       <Route path="inbox" component={Inbox}/>
@@ -156,7 +153,6 @@ React.render((
 If you're not digging the JSX route config you can use plain objects:
 
 ```js
-var history = new HashHistory();
 var routes = {
   path: '/',
   component: App,
@@ -166,7 +162,7 @@ var routes = {
   ]
 };
 
-React.render(<Router history={history} children={routes}/>, document.body);
+React.render(<Router history={history()} children={routes}/>, document.body);
 ```
 
 Adding more UI
@@ -194,9 +190,8 @@ var Inbox = React.createClass({
   }
 });
 
-var history = new HashHistory();
 React.render((
-  <Router history={history}>
+  <Router history={history()}>
     <Route component={App}>
       <Route path="about" component={About}/>
       <Route path="inbox" component={Inbox}>
@@ -235,4 +230,3 @@ var Message = React.createClass({
 That's the gist of React Router. Application UIs are boxes inside of
 boxes inside of boxes; now you can keep those boxes in sync with the
 URL.
-

doc/03 History/0 Histories.md

@@ -3,8 +3,8 @@
 an instance of one with your own options for query parsing.
 
 ```js
-import History from 'react-router/lib/BrowserHistory';
-<Router history={History}/>
+import { history } from 'react-router/lib/BrowserHistory';
+<Router history={history()}/>
 ```
 
 If you need to do your own query parsing:

doc/03 History/BrowserHistory.md

@@ -43,15 +43,13 @@ Example
 
 ```js
 import { Router } from 'react-router';
-import BrowserHistory from 'react-router/lib/BrowserHistory';
-var history = new BrowserHistory();
+import { history } from 'react-router/lib/BrowserHistory';
 
 React.render((
-  <Router history={ history }>
+  <Router history={ history() }>
     {/* ... */}
   </Router>
 ), document.body);
 ```
 
   [Histories]:#TODO
-

doc/03 History/HashHistory.md

@@ -33,11 +33,10 @@ Normal usage
 
 ```js
 import { Router } from 'react-router';
-import HashHistory from 'react-router/lib/HashHistory';
-var history = new HashHistory();
+import { history } from 'react-router/lib/HashHistory';
 
 React.render((
-  <Router history={ history }>
+  <Router history={history()}>
     {/* ... */}
   </Router>
 ), document.body);
@@ -62,4 +61,3 @@ React.render((
 ```
 
   [Histories]:#TODO
-