use react-dom in docs

Author: knowbody

docs/API.md

@@ -4,7 +4,7 @@
   - [Router](#router)
   - [Link](#link)
   - [IndexLink](#indexlink)
-  - [RoutingContext](#routingcontext)  
+  - [RoutingContext](#routingcontext)
 
 * [Configuration Components](#configuration-components)
   - [Route](#route)
@@ -18,7 +18,7 @@
 * [Mixins](#mixins)
   - [Lifecycle](#lifecycle-mixin)
   - [History](#history-mixin)
-  - [RouteContext](#routecontext-mixin)  
+  - [RouteContext](#routecontext-mixin)
 
 * [Utilities](#utilities)
   * [useRoutes](#useroutescreatehistory)
@@ -42,7 +42,7 @@ Alias for `children`.
 The history the router should listen to from the `history` package.
 
 ##### `createElement(Component, props)`
-When the router is ready to render a branch of route components, it will use this function to create the elements. You may want to take control of creating the elements when you're using some sort of data abstraction, like setting up subscriptions to stores, or passing in some sort of application module to each component via props.  
+When the router is ready to render a branch of route components, it will use this function to create the elements. You may want to take control of creating the elements when you're using some sort of data abstraction, like setting up subscriptions to stores, or passing in some sort of application module to each component via props.
 
 ```js
 <Router createElement={createElement} />
@@ -410,7 +410,7 @@ The matched child route elements to be rendered.
 
 ##### Example
 ```js
-React.render((
+render((
   <Router history={history}>
     <Route path="/" component={App}>
       <Route path="groups" component={Groups} />
@@ -436,7 +436,7 @@ When a route has multiple components, the child elements are available by name o
 
 #### Example
 ```js
-React.render((
+render((
   <Router>
     <Route path="/" component={App}>
       <Route path="groups" components={{main: Groups, sidebar: GroupsSidebar}} />

docs/guides/basics/Histories.md

@@ -92,14 +92,15 @@ Memory history doesn't manipulate or read from the address bar. This is how we i
 ## Example implementation
 ```js
 import React from 'react'
+import { render } from 'react-dom'
 import createBrowserHistory from 'history/lib/createBrowserHistory'
 import { Router, Route, IndexRoute } from 'react-router'
 import App from '../components/App'
 import Home from '../components/Home'
 import About from '../components/About'
 import Features from '../components/Features'
 
-React.render(
+render(
   <Router history={createBrowserHistory()}>
     <Route path='/' component={App}>
       <IndexRoute component={Home} />

docs/guides/basics/RouteConfiguration.md

@@ -4,6 +4,7 @@ A [route configuration](/docs/Glossary.md#routeconfig) is basically a set of ins
 
 ```js
 import React from 'react'
+import { render } from 'react-dom'
 import { Router, Route, Link } from 'react-router'
 
 const App = React.createClass({
@@ -44,7 +45,7 @@ const Message = React.createClass({
   }
 })
 
-React.render((
+render((
   <Router>
     <Route path="/" component={App}>
       <Route path="about" component={About} />
@@ -78,7 +79,7 @@ const Dashboard = React.createClass({
   }
 })
 
-React.render((
+render((
   <Router>
     <Route path="/" component={App}>
       {/* Show the dashboard at / */}
@@ -108,7 +109,7 @@ URL                     | Components
 It would be nice if we could remove the `/inbox` segment from the `/inbox/messages/:id` URL pattern, but still render `Message` nested inside the `App -> Inbox` UI. Absolute `path`s let us do exactly that.
 
 ```js
-React.render((
+render((
   <Router>
     <Route path="/" component={App}>
       <IndexRoute component={Dashboard} />
@@ -144,7 +145,7 @@ Not to worry. We can use a [`<Redirect>`](/docs/API.md#redirect) to make sure th
 ```js
 import { Redirect } from 'react-router'
 
-React.render((
+render((
   <Router>
     <Route path="/" component={App}>
       <IndexRoute component={Dashboard} />
@@ -202,5 +203,5 @@ const routeConfig = [
   }
 ]
 
-React.render(<Router routes={routeConfig} />, document.body)
+render(<Router routes={routeConfig} />, document.body)
 ```

examples/huge-apps/app.js

@@ -47,7 +47,7 @@ render(
 // import Grades from './routes/Grades/components/Grades'
 // import Messages from './routes/Messages/components/Messages'
 
-// React.render(
+// render(
 //   <Router>
 //     <Route path="/" component={App}>
 //       <Route path="calendar" component={Calendar} />