Bring the examples into the era of 0.14.0-rc and ReactDOM

Summary: Closes #290 Reviewed By: @spicyj Differential Revision: D2431421
facebook · Sep 11, 2015 · 0c9725d · 0c9725d
1 parent 23696f2
commit 0c9725d
Show file tree

Hide file tree

Showing 14 changed files with 20 additions and 10 deletions.
diff --git a/examples/relay-treasurehunt/js/app.js b/examples/relay-treasurehunt/js/app.js
@@ -2,7 +2,7 @@ import 'babel/polyfill';
 import App from './components/App';
 import AppHomeRoute from './routes/AppHomeRoute';
 
-React.render(
+ReactDOM.render(
   <Relay.RootContainer
     Component={App}
     route={new AppHomeRoute()}

diff --git a/examples/relay-treasurehunt/package.json b/examples/relay-treasurehunt/package.json
@@ -14,7 +14,8 @@
     "express-graphql": "^0.3.0",
     "graphql": "^0.4.2",
     "graphql-relay": "^0.3.1",
-    "react": "^0.14.0-beta3",
+    "react": "^0.14.0-rc",
+    "react-dom": "^0.14.0-rc",
     "react-relay": "file:../../",
     "webpack": "^1.10.5",
     "webpack-dev-server": "^1.10.1"

diff --git a/examples/relay-treasurehunt/public/index.html b/examples/relay-treasurehunt/public/index.html
@@ -23,6 +23,7 @@
     </script>
     <script src="http://localhost:3000/webpack-dev-server.js"></script>
     <script src="node_modules/react/dist/react.min.js"></script>
+    <script src="node_modules/react/dist/react-dom.min.js"></script>
     <script src="node_modules/react-relay/dist/relay.js" onerror="warnRelayMissing()"></script>
     <script src="js/app.js"></script>
   </body>

diff --git a/examples/star-wars/.eslintrc b/examples/star-wars/.eslintrc
@@ -11,6 +11,7 @@ env:
 globals:
   document: false
   React: false
+  ReactDOM: false
   Relay: false
 
 arrowFunctions: true

diff --git a/examples/star-wars/js/app.js b/examples/star-wars/js/app.js
@@ -2,7 +2,7 @@ import 'babel/polyfill';
 import StarWarsApp from './components/StarWarsApp';
 import StarWarsAppHomeRoute from './routes/StarWarsAppHomeRoute';
 
-React.render(
+ReactDOM.render(
   <Relay.RootContainer
     Component={StarWarsApp}
     route={new StarWarsAppHomeRoute({

diff --git a/examples/star-wars/package.json b/examples/star-wars/package.json
@@ -18,7 +18,8 @@
     "express-graphql": "^0.3.0",
     "graphql": "^0.4.2",
     "graphql-relay": "^0.3.1",
-    "react": "^0.14.0-beta3",
+    "react": "^0.14.0-rc",
+    "react-dom": "^0.14.0-rc",
     "react-relay": "file:../../",
     "webpack": "^1.10.5",
     "webpack-dev-server": "^1.10.1"

diff --git a/examples/star-wars/public/index.html b/examples/star-wars/public/index.html
@@ -23,6 +23,7 @@
     </script>
     <script src="http://localhost:3000/webpack-dev-server.js"></script>
     <script src="node_modules/react/dist/react.min.js"></script>
+    <script src="node_modules/react/dist/react-dom.min.js"></script>
     <script src="node_modules/react-relay/dist/relay.js" onerror="warnRelayMissing()"></script>
     <script src="js/app.js"></script>
   </body>

diff --git a/examples/todo/.eslintrc b/examples/todo/.eslintrc
@@ -11,6 +11,7 @@ env:
 globals:
   document: false
   React: false
+  ReactDOM: false
   Relay: false
 
 arrowFunctions: true

diff --git a/examples/todo/js/app.js b/examples/todo/js/app.js
@@ -2,7 +2,7 @@ import 'babel/polyfill';
 import TodoApp from './components/TodoApp';
 import TodoAppHomeRoute from './routes/TodoAppHomeRoute';
 
-React.render(
+ReactDOM.render(
   <Relay.RootContainer Component={TodoApp} route={new TodoAppHomeRoute()} />,
   document.getElementById('root')
 );
diff --git a/examples/todo/js/components/TodoTextInput.js b/examples/todo/js/components/TodoTextInput.js
@@ -21,7 +21,7 @@ export default class TodoTextInput extends React.Component {
     text: this.props.initialValue || '',
   };
   componentDidMount() {
-    React.findDOMNode(this).focus();
+    ReactDOM.findDOMNode(this).focus();
   }
   _commitChanges = () => {
     var newText = this.state.text.trim();

diff --git a/examples/todo/package.json b/examples/todo/package.json
@@ -18,7 +18,8 @@
     "express-graphql": "^0.3.0",
     "graphql": "^0.4.2",
     "graphql-relay": "^0.3.1",
-    "react": "^0.14.0-beta3",
+    "react": "^0.14.0-rc",
+    "react-dom": "^0.14.0-rc",
     "react-relay": "file:../../",
     "todomvc-app-css": "^2.0.1",
     "todomvc-common": "^1.0.2",

diff --git a/examples/todo/public/index.html b/examples/todo/public/index.html
@@ -26,6 +26,7 @@
     <script src="http://localhost:3000/webpack-dev-server.js"></script>
     <script src="node_modules/todomvc-common/base.js"></script>
     <script src="node_modules/react/dist/react.min.js"></script>
+    <script src="node_modules/react/dist/react-dom.min.js"></script>
     <script src="node_modules/react-relay/dist/relay.js" onerror="warnRelayMissing()"></script>
     <script src="js/app.js"></script>
   </body>

diff --git a/package.json b/package.json
@@ -33,7 +33,8 @@
     "react-static-container": "^1.0.0-alpha.1"
   },
   "peerDependencies": {
-    "react": "^0.14.0-beta3"
+    "react": "^0.14.0-rc",
+    "react-dom": "^0.14.0-rc"
   },
   "devDependencies": {
     "babel-core": "^5.8.23",
@@ -55,7 +56,8 @@
     "gulp-util": "^3.0.6",
     "jest-cli": "^0.5.0",
     "object-assign": "^3.0.0",
-    "react": "^0.14.0-beta3",
+    "react": "^0.14.0-rc",
+    "react-dom": "^0.14.0-rc",
     "run-sequence": "^1.1.2",
     "webpack": "1.11.0",
     "webpack-stream": "^2.1.0"

diff --git a/website-prototyping-tools/package.json b/website-prototyping-tools/package.json
@@ -26,7 +26,7 @@
     "normalize.css": "3.0.3",
     "query-string": "2.4.0",
     "raw-loader": "0.5.1",
-    "react": "^0.14.0-beta3",
+    "react": "^0.14.0-rc",
     "react-codemirror": "0.1.5",
     "react-relay": "../",
     "style-loader": "0.12.3",