Adds support for React 15 and upgrades current website to React 15 RC2.

Author: Evgueni Naverniouk

examples/01 Dustbin/Single Target/__tests__/Box-test.js

@@ -19,7 +19,7 @@ describe('Box', () => {
                    isDragging={false} />
     );
     let div = TestUtils.findRenderedDOMComponentWithTag(root, 'div');
-    expect(div.props.style.opacity).toEqual(1);
+	expect(div.style.opacity).toEqual('1');
 
     // Render with another set of props and test
     root = TestUtils.renderIntoDocument(
@@ -28,7 +28,7 @@ describe('Box', () => {
                    isDragging />
     );
     div = TestUtils.findRenderedDOMComponentWithTag(root, 'div');
-    expect(div.props.style.opacity).toEqual(0.4);
+    expect(div.style.opacity).toEqual('0.4');
   });
 
   it('can be tested with the testing backend', () => {
@@ -41,14 +41,14 @@ describe('Box', () => {
 
     // Check that the opacity is 1
     let div = TestUtils.findRenderedDOMComponentWithTag(root, 'div');
-    expect(div.props.style.opacity).toEqual(1);
+    expect(div.style.opacity).toEqual('1');
 
     // Find the drag source ID and use it to simulate the dragging state
     const box = TestUtils.findRenderedComponentWithType(root, Box);
     backend.simulateBeginDrag([box.getHandlerId()]);
 
     // Verify that the div changed its opacity
     div = TestUtils.findRenderedDOMComponentWithTag(root, 'div');
-    expect(div.props.style.opacity).toEqual(0.4);
+    expect(div.style.opacity).toEqual('0.4');
   });
-});
+});

package.json

@@ -44,7 +44,7 @@
     "lodash": "^4.2.0"
   },
   "peerDependencies": {
-    "react": "^0.14.0"
+    "react": "^0.14.0 || ^15.0.0-0"
   },
   "devDependencies": {
     "animation-frame": "^0.2.4",
@@ -75,10 +75,10 @@
     "mocha": "^2.2.5",
     "null-loader": "^0.1.0",
     "postcss": "^4.0.2",
-    "react": "^0.14.0",
+    "react": "^15.0.0-rc.2",
     "react-dnd-html5-backend": "^2.1.2",
     "react-dnd-test-backend": "^1.0.2",
-    "react-dom": "^0.14.0",
+    "react-dom": "^15.0.0-rc.2",
     "react-hot-loader": "^1.2.3",
     "react-router": "~0.13.2",
     "request": "2.46.0",

site/IndexPage.js

@@ -4,6 +4,7 @@ import HomePage from './pages/HomePage';
 import APIPage from './pages/APIPage';
 import ExamplePage from './pages/ExamplePage';
 import React, { Component } from 'react';
+import ReactDOMServer from 'react-dom/server';
 
 const APIDocs = {
   OVERVIEW: require('../docs/00 Quick Start/Overview.md'),
@@ -47,7 +48,7 @@ export default class IndexPage extends Component {
 
   static renderToString(props) {
     return IndexPage.getDoctype() +
-           React.renderToString(<IndexPage {...props} />);
+           ReactDOMServer.renderToString(<IndexPage {...props} />);
   }
 
   constructor(props) {
@@ -138,4 +139,4 @@ export default class IndexPage extends Component {
       });
     }
   }
-}
+}