Updates for React 0.14 compatibility

examples/alert.js

@@ -2,6 +2,7 @@
 
 import './assets/index.less';
 import React from 'react';
+import ReactDOM from 'react-dom';
 import Animate from 'rc-animate';
 var seed = 0;
 
@@ -101,7 +102,7 @@ function alert(str, time, type, callback) {
   if (!alertGroup) {
     var div = document.createElement('div');
     document.body.appendChild(div);
-    alertGroup = React.render(<AlertGroup/>, div);
+    alertGroup = ReactDOM.render(<AlertGroup/>, div);
   }
   alertGroup.addAlert({
     str: str,
@@ -121,7 +122,7 @@ function onClick() {
   }
 }
 
-React.render(<div>
+ReactDOM.render(<div>
     <h2>notification</h2>
     <button onClick={onClick}>show notification</button>
   </div>,

examples/hide-todo.js

@@ -2,6 +2,7 @@
 
 import './assets/index.less';
 import React from 'react';
+import ReactDOM from 'react-dom';
 import Animate from 'rc-animate';
 import assign from 'object-assign';
 
@@ -76,7 +77,7 @@ var TodoList = React.createClass({
   }
 });
 
-React.render(<div>
+ReactDOM.render(<div>
   <h2>Hide Todo</h2>
   <TodoList />
 </div>, document.getElementById('__react-content'));

examples/simple-animation.js

@@ -4,6 +4,7 @@
 import './assets/index.less';
 import Animate from 'rc-animate';
 import React, {Component} from 'react';
+import ReactDOM from 'react-dom';
 import velocity from 'velocity-animate';
 
 let transitionEnter = true;
@@ -124,4 +125,4 @@ var Demo = React.createClass({
   }
 });
 
-React.render(<Demo />, document.getElementById('__react-content'));
+ReactDOM.render(<Demo />, document.getElementById('__react-content'));

examples/simple-remove.js

@@ -4,6 +4,7 @@
 import './assets/index.less';
 import Animate from 'rc-animate';
 import React, {Component} from 'react';
+import ReactDOM from 'react-dom';
 
 let transitionEnter = true;
 let remove = false;
@@ -44,4 +45,4 @@ class Demo extends Component {
   }
 }
 
-React.render(<Demo />, document.getElementById('__react-content'));
+ReactDOM.render(<Demo />, document.getElementById('__react-content'));

examples/simple.js

@@ -4,6 +4,7 @@
 import './assets/slow.less';
 import Animate from 'rc-animate';
 import React, {Component} from 'react';
+import ReactDOM from 'react-dom';
 
 let transitionEnter = true;
 let remove = false;
@@ -48,4 +49,4 @@ class Demo extends Component {
   }
 }
 
-React.render(<Demo />, document.getElementById('__react-content'));
+ReactDOM.render(<Demo />, document.getElementById('__react-content'));

examples/todo-animation.js

@@ -2,6 +2,7 @@
 
 import './assets/index.less';
 import React from 'react';
+import ReactDOM from 'react-dom';
 import Animate from 'rc-animate';
 import velocity from 'velocity-animate';
 
@@ -123,7 +124,7 @@ var TodoList = React.createClass({
   }
 });
 
-React.render(<div>
+ReactDOM.render(<div>
   <h2>Todo</h2>
   <TodoList />
 </div>, document.getElementById('__react-content'));

examples/todo.js

@@ -2,6 +2,7 @@
 
 import './assets/index.less';
 import React from 'react';
+import ReactDOM from 'react-dom';
 import Animate from 'rc-animate';
 
 var Todo = React.createClass({
@@ -61,7 +62,7 @@ var TodoList = React.createClass({
   }
 });
 
-React.render(<div>
+ReactDOM.render(<div>
   <h2>Todo</h2>
   <TodoList />
 </div>, document.getElementById('__react-content'));

examples/transitionAppear.js

@@ -4,6 +4,7 @@
 import './assets/slow.less';
 import Animate from 'rc-animate';
 import React, {Component} from 'react';
+import ReactDOM from 'react-dom';
 
 const Box = React.createClass({
   render(){
@@ -64,4 +65,4 @@ class Demo extends Component {
   }
 }
 
-React.render(<Demo />, document.getElementById('__react-content'));
+ReactDOM.render(<Demo />, document.getElementById('__react-content'));

examples/transitionLeave.js

@@ -3,6 +3,7 @@
 import './assets/index.less';
 import Animate from 'rc-animate';
 import React, {Component} from 'react';
+import ReactDOM from 'react-dom';
 
 let transitionEnter = true;
 let remove = false;
@@ -39,4 +40,4 @@ var Demo = React.createClass({
   }
 });
 
-React.render(<Demo />, document.getElementById('__react-content'));
+ReactDOM.render(<Demo />, document.getElementById('__react-content'));

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rc-animate",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "css-transition ui component for react",
   "keywords": [
     "react",
@@ -43,7 +43,8 @@
     "precommit-hook": "1.x",
     "rc-server": "3.x",
     "rc-tools": "4.x",
-    "react": "0.13.x",
+    "react": "0.14.x",
+    "react-dom": "0.14.x",
     "velocity-animate": "~1.2.2"
   },
   "precommit": [

src/AnimateChild.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import ReactDOM from 'react-dom';
 import cssAnimate, {isCssAnimationSupported} from 'css-animation';
 import animUtil from './util';
 
@@ -14,7 +15,7 @@ const AnimateChild = React.createClass({
   },
 
   transition(animationType, finishCallback) {
-    const node = React.findDOMNode(this);
+    const node = ReactDOM.findDOMNode(this);
     const props = this.props;
     const transitionName = props.transitionName;
     this.stop();