refactor imports

Author: knowbody

examples/animations/app.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { render } from 'react-dom'
 import ReactCSSTransitionGroup from 'react-addons-transition-group'
 import { createHistory, useBasename } from 'history'
 import { Router, Route, Link } from 'react-router'
@@ -50,7 +50,7 @@ class Page2 extends React.Component {
   }
 }
 
-ReactDOM.render((
+render((
   <Router history={history}>
     <Route path="/" component={App}>
       <Route path="page1" component={Page1} />

examples/auth-flow/app.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import ReactDOM, { findDOMNode } from 'react-dom'
+import { render, findDOMNode } from 'react-dom'
 import { Router, Route, Link, History } from 'react-router'
 import { createHistory, useBasename } from 'history'
 import auth from './auth'
@@ -124,7 +124,7 @@ function requireAuth(nextState, replaceState) {
     replaceState({ nextPathname: nextState.location.pathname }, '/login')
 }
 
-ReactDOM.render((
+render((
   <Router history={history}>
     <Route path="/" component={App}>
       <Route path="login" component={Login} />

examples/dynamic-segments/app.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { render } from 'react-dom'
 import { Router, Route, Link, Redirect } from 'react-router'
 import { createHistory, useBasename } from 'history'
 
@@ -51,7 +51,7 @@ class Task extends React.Component {
   }
 }
 
-ReactDOM.render((
+render((
   <Router history={history}>
     <Route path="/" component={App}>
       <Route path="user/:userID" component={User}>

examples/huge-apps/app.js

@@ -1,6 +1,6 @@
 /*eslint-disable no-unused-vars */
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { render } from 'react-dom'
 import { createHistory, useBasename } from 'history'
 import { Router } from 'react-router'
 import stubbedCourses from './stubs/COURSES'
@@ -24,7 +24,7 @@ const rootRoute = {
   } ]
 }
 
-ReactDOM.render(
+render(
   <Router history={history} routes={rootRoute} />,
   document.getElementById('example')
 )

examples/master-detail/app.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import ReactDOM, { findDOMNode } from 'react-dom'
+import { render,} findDOMNode } from 'react-dom'
 import { createHistory, useBasename } from 'history'
 import { Router, History, Route, IndexRoute, Link } from 'react-router'
 import ContactStore from './ContactStore'
@@ -156,7 +156,7 @@ var NotFound = React.createClass({
   }
 })
 
-ReactDOM.render((
+render((
   <Router history={history}>
     <Route path="/" component={App}>
       <IndexRoute component={Index} />

examples/nested-animations/app.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { render } from 'react-dom'
 import ReactCSSTransitionGroup from 'react-addons-transition-group'
 import { createHistory, useBasename } from 'history'
 import { Router, Route, Link } from 'react-router'
@@ -91,7 +91,7 @@ class Tab2 extends React.Component {
   }
 }
 
-ReactDOM.render((
+render((
   <Router history={history}>
     <Route path="/" component={App}>
       <Route path="page1" component={Page1}>

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

@@ -1,5 +1,5 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { render } from 'react-dom'
 import { createHistory, useBasename } from 'history'
 import { Router, Route, Link, History } from 'react-router'
 
@@ -79,7 +79,7 @@ const Taco = React.createClass({
   }
 })
 
-ReactDOM.render((
+render((
   <Router history={history}>
     <Route path="/" component={App}>
       <Route path="taco/:name" component={Taco} />

examples/pinterest/app.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { render } from 'react-dom'
 import { createHistory, useBasename } from 'history'
 import { Router, Route, IndexRoute, Link } from 'react-router'
 
@@ -140,7 +140,7 @@ const Picture = React.createClass({
   }
 })
 
-ReactDOM.render((
+render((
   <Router history={history}>
     <Route path="/" component={App}>
       <IndexRoute component={Index}/>

examples/query-params/app.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { render } from 'react-dom'
 import { createHistory, useBasename } from 'history'
 import { Router, Route, Link } from 'react-router'
 
@@ -37,7 +37,7 @@ class App extends React.Component {
   }
 }
 
-ReactDOM.render((
+render((
   <Router history={history}>
     <Route path="/" component={App}>
       <Route path="user/:userID" component={User} />

examples/shared-root/app.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { render } from 'react-dom'
 import { createHistory, useBasename } from 'history'
 import { Router, Route, Link } from 'react-router'
 
@@ -74,7 +74,7 @@ class ForgotPassword extends React.Component {
   }
 }
 
-ReactDOM.render((
+render((
   <Router history={history}>
     <Route path="/" component={App}>
       <Route component={SignedOut}>