docs: try react 16

Author: jasonslyvia

examples/pages/fadein.js

@@ -1,7 +1,8 @@
 import React, { Component } from 'react';
+import { CSSTransitionGroup } from 'react-transition-group';
+
 import Lazyload from '../../src/';
 import Operation from '../components/Operation';
-import ReactCSSTransitionGroup from 'react-addons-css-transition-group';
 
 export default class FadeIn extends Component {
   render() {
@@ -10,84 +11,84 @@ export default class FadeIn extends Component {
         <Operation type="fadein" noExtra />
         <div className="widget-list image-container">
           <Lazyload throttle={200} height={300}>
-            <ReactCSSTransitionGroup key="1"
+            <CSSTransitionGroup key="1"
               transitionName="fade"
               transitionAppear={true}
               transitionAppearTimeout={500}
               transitionEnter={false}
               transitionLeave={false}>
               <img src="http://ww3.sinaimg.cn/mw690/62aad664jw1f2nxvya0u2j20u01hc16p.jpg" />
-            </ReactCSSTransitionGroup>
+            </CSSTransitionGroup>
           </Lazyload>
           <Lazyload throttle={200} height={300}>
-            <ReactCSSTransitionGroup key="1"
+            <CSSTransitionGroup key="1"
               transitionName="fade"
               transitionAppear={true}
               transitionAppearTimeout={500}
               transitionEnter={false}
               transitionLeave={false}>
               <img src="http://ww1.sinaimg.cn/mw690/62aad664jw1f2nxvyo52qj20u01hcqeq.jpg" />
-            </ReactCSSTransitionGroup>
+            </CSSTransitionGroup>
           </Lazyload>
           <Lazyload throttle={200} height={300}>
-            <ReactCSSTransitionGroup key="1"
+            <CSSTransitionGroup key="1"
               transitionName="fade"
               transitionAppear={true}
               transitionAppearTimeout={500}
               transitionEnter={false}
               transitionLeave={false}>
               <img src="http://ww2.sinaimg.cn/mw690/62aad664jw1f2nxvz2cj6j20u01hck1o.jpg" />
-            </ReactCSSTransitionGroup>
+            </CSSTransitionGroup>
           </Lazyload>
           <Lazyload throttle={200} height={300}>
-            <ReactCSSTransitionGroup key="1"
+            <CSSTransitionGroup key="1"
               transitionName="fade"
               transitionAppear={true}
               transitionAppearTimeout={500}
               transitionEnter={false}
               transitionLeave={false}>
               <img src="http://ww1.sinaimg.cn/mw690/62aad664jw1f2nxvzfjv6j20u01hc496.jpg" />
-            </ReactCSSTransitionGroup>
+            </CSSTransitionGroup>
           </Lazyload>
           <Lazyload throttle={200} height={300}>
-            <ReactCSSTransitionGroup key="1"
+            <CSSTransitionGroup key="1"
               transitionName="fade"
               transitionAppear={true}
               transitionAppearTimeout={500}
               transitionEnter={false}
               transitionLeave={false}>
               <img src="http://ww1.sinaimg.cn/mw690/62aad664jw1f2nxw0e1mlj20u01hcgvs.jpg" />
-            </ReactCSSTransitionGroup>
+            </CSSTransitionGroup>
           </Lazyload>
           <Lazyload throttle={200} height={300}>
-            <ReactCSSTransitionGroup key="1"
+            <CSSTransitionGroup key="1"
               transitionName="fade"
               transitionAppear={true}
               transitionAppearTimeout={500}
               transitionEnter={false}
               transitionLeave={false}>
               <img src="http://ww4.sinaimg.cn/mw690/62aad664jw1f2nxw0p95dj20u01hc7d8.jpg" />
-            </ReactCSSTransitionGroup>
+            </CSSTransitionGroup>
           </Lazyload>
           <Lazyload throttle={200} height={300}>
-            <ReactCSSTransitionGroup key="1"
+            <CSSTransitionGroup key="1"
               transitionName="fade"
               transitionAppear={true}
               transitionAppearTimeout={500}
               transitionEnter={false}
               transitionLeave={false}>
               <img src="http://ww2.sinaimg.cn/mw690/62aad664jw1f2nxw134xqj20u01hcqjg.jpg" />
-            </ReactCSSTransitionGroup>
+            </CSSTransitionGroup>
           </Lazyload>
           <Lazyload throttle={200} height={300}>
-            <ReactCSSTransitionGroup key="1"
+            <CSSTransitionGroup key="1"
               transitionName="fade"
               transitionAppear={true}
               transitionAppearTimeout={500}
               transitionEnter={false}
               transitionLeave={false}>
               <img src="http://ww1.sinaimg.cn/mw690/62aad664jw1f2nxw1kcykj20u01hcn9p.jpg" />
-            </ReactCSSTransitionGroup>
+            </CSSTransitionGroup>
           </Lazyload>
         </div>
       </div>

package.json

@@ -25,10 +25,9 @@
     "url": "https://github.com/jasonslyvia/react-lazyload/issues"
   },
   "homepage": "https://github.com/jasonslyvia/react-lazyload",
-  "dependencies": {
-    "prop-types": "^15.5.6"
-  },
   "devDependencies": {
+    "prop-types": "^15.5.6",
+    "react-transition-group": "1.x",
     "babel-cli": "^6.24.0",
     "babel-core": "^6.24.0",
     "babel-eslint": "^7.1.1",
@@ -55,16 +54,15 @@
     "karma-sourcemap-loader": "^0.3.7",
     "karma-webpack": "^1.7.0",
     "mocha": "^2.2.5",
-    "react": "^15.4.2",
-    "react-addons-css-transition-group": "^15.4.2",
-    "react-dom": "^15.4.2",
+    "react": "^16",
+    "react-dom": "^16",
     "react-hot-loader": "~1.3.1",
-    "react-router": "^2.0.1",
+    "react-router": "^3",
     "webpack": "~1.11.0",
     "webpack-dev-server": "~1.10.1"
   },
   "peerDependencies": {
-    "react": "^0.14.0 || ^15.0.0",
-    "react-dom": "^0.14.0 || ^15.0.0"
+    "react": "^0.14.0 || ^15.0.0 || ^16.0.0",
+    "react-dom": "^0.14.0 || ^15.0.0 || ^16.0.0"
   }
 }