update examples for react 0.14.0

examples/animations/app.js

@@ -1,4 +1,6 @@
-import React from 'react/addons'
+import React from 'react'
+import { render } from 'react-dom'
+import ReactCSSTransitionGroup from 'react-addons-transition-group'
 import { createHistory, useBasename } from 'history'
 import { Router, Route, Link } from 'react-router'
 
@@ -8,8 +10,6 @@ const history = useBasename(createHistory)({
   basename: '/animations'
 })
 
-const { CSSTransitionGroup } = React.addons
-
 class App extends React.Component {
   render() {
     const { pathname } = this.props.location
@@ -20,9 +20,9 @@ class App extends React.Component {
           <li><Link to="/page1">Page 1</Link></li>
           <li><Link to="/page2">Page 2</Link></li>
         </ul>
-        <CSSTransitionGroup component="div" transitionName="example">
+        <ReactCSSTransitionGroup component="div" transitionName="example">
           {React.cloneElement(this.props.children || <div />, { key: pathname })}
-        </CSSTransitionGroup>
+        </ReactCSSTransitionGroup>
       </div>
     )
   }
@@ -50,7 +50,7 @@ class Page2 extends React.Component {
   }
 }
 
-React.render((
+render((
   <Router history={history}>
     <Route path="/" component={App}>
       <Route path="page1" component={Page1} />

examples/auth-flow/app.js

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

examples/dynamic-segments/app.js

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

examples/huge-apps/app.js

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

examples/master-detail/app.js

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

examples/nested-animations/app.js

@@ -1,4 +1,6 @@
-import React from 'react/addons'
+import React from 'react'
+import { render } from 'react-dom'
+import ReactCSSTransitionGroup from 'react-addons-transition-group'
 import { createHistory, useBasename } from 'history'
 import { Router, Route, Link } from 'react-router'
 
@@ -8,8 +10,6 @@ const history = useBasename(createHistory)({
   basename: '/nested-animations'
 })
 
-const { CSSTransitionGroup } = React.addons
-
 class App extends React.Component {
   render() {
     const { pathname } = this.props.location
@@ -23,9 +23,9 @@ class App extends React.Component {
           <li><Link to="/page1">Page 1</Link></li>
           <li><Link to="/page2">Page 2</Link></li>
         </ul>
-        <CSSTransitionGroup component="div" transitionName="swap">
+        <ReactCSSTransitionGroup component="div" transitionName="swap">
           {React.cloneElement(this.props.children || <div />, { key: key })}
-        </CSSTransitionGroup>
+        </ReactCSSTransitionGroup>
       </div>
     )
   }
@@ -42,9 +42,9 @@ class Page1 extends React.Component {
           <li><Link to="/page1/tab1">Tab 1</Link></li>
           <li><Link to="/page1/tab2">Tab 2</Link></li>
         </ul>
-        <CSSTransitionGroup component="div" transitionName="example">
+        <ReactCSSTransitionGroup component="div" transitionName="example">
           {React.cloneElement(this.props.children || <div/>, { key: pathname })}
-        </CSSTransitionGroup>
+        </ReactCSSTransitionGroup>
       </div>
     )
   }
@@ -61,9 +61,9 @@ class Page2 extends React.Component {
           <li><Link to="/page2/tab1">Tab 1</Link></li>
           <li><Link to="/page2/tab2">Tab 2</Link></li>
         </ul>
-        <CSSTransitionGroup component="div" transitionName="example">
+        <ReactCSSTransitionGroup component="div" transitionName="example">
           {React.cloneElement(this.props.children || <div/>, { key: pathname })}
-        </CSSTransitionGroup>
+        </ReactCSSTransitionGroup>
       </div>
     )
   }
@@ -91,7 +91,7 @@ class Tab2 extends React.Component {
   }
 }
 
-React.render((
+render((
   <Router history={history}>
     <Route path="/" component={App}>
       <Route path="page1" component={Page1}>

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

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

examples/pinterest/app.js

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

examples/query-params/app.js

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

examples/shared-root/app.js

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

examples/sidebar/app.js

@@ -1,4 +1,5 @@
 import React from 'react'
+import { render } from 'react-dom'
 import { createHistory, useBasename } from 'history'
 import { Router, Route, Link } from 'react-router'
 import data from './data'
@@ -106,7 +107,7 @@ class App extends React.Component {
   }
 }
 
-React.render((
+render((
   <Router history={history}>
     <Route path="/" component={App}>
       <Route path="category/:category" components={{ content: Category, sidebar: CategorySidebar }}>

examples/transitions/app.js

@@ -1,4 +1,5 @@
 import React from 'react'
+import { render } from 'react-dom'
 import { createHistory, useBasename } from 'history'
 import { Router, Route, Link, History, Lifecycle } from 'react-router'
 
@@ -69,7 +70,7 @@ const Form = React.createClass({
   }
 })
 
-React.render((
+render((
   <Router history={history}>
     <Route path="/" component={App}>
       <Route path="dashboard" component={Dashboard} />

package.json

@@ -53,6 +53,7 @@
     "qs": "^4.0.0",
     "react": "0.14.0",
     "react-addons-test-utils": "0.14.0",
+    "react-addons-transition-group": "0.14.0",
     "react-dom": "0.14.0",
     "rf-changelog": "^0.4.0",
     "style-loader": "^0.12.4",