Update example for React 0.14

aputinski · aputinski · commit ffecfe177735 · 2016-01-14T22:50:39.000-05:00
diff --git a/examples/index.dev.html b/examples/index.dev.html
@@ -7,7 +7,8 @@
   <link type="text/css" rel="stylesheet" href="assets/example.css" />
 </head>
 <body>
+  <div id="app"></div>
   <script src="//localhost:3000/webpack-dev-server.js"></script>
   <script src="assets/example.js"></script>
 </body>
-</html>
+</html>
diff --git a/examples/index.html b/examples/index.html
@@ -7,6 +7,7 @@
   <link type="text/css" rel="stylesheet" href="assets/example.css" />
 </head>
 <body>
+  <div id="app"></div>
   <script src="assets/example.js"></script>
 </body>
-</html>
+</html>
diff --git a/examples/src/example.jsx b/examples/src/example.jsx
@@ -1,4 +1,5 @@
 const React = require('react');
+const ReactDOM = require('react-dom');
 
 const NavigationController = require('../../src/navigation-controller');
 const View =require('./view');
@@ -29,4 +30,4 @@ class App extends React.Component {
   }
 }
 
-React.render(<App />, document.body);
+ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/examples/src/view.jsx b/examples/src/view.jsx
@@ -7,7 +7,7 @@ const {
 
 const colors = [
   '#0074D9', '#7FDBFF',  '#39CCCC', '#2ECC40', '#FFDC00', '#FF851B', '#FF4136',
-  '#F012BE', '#B10DC9' 
+  '#F012BE', '#B10DC9'
 ];
 
 function getColor() {
@@ -33,9 +33,7 @@ class View extends React.Component {
   }
   onNext() {
     const view = <View index={this.props.index+1} />;
-    this.props.navigationController.pushView(view, {
-      
-    });
+    this.props.navigationController.pushView(view, {});
   }
   onBack() {
     this.props.navigationController.popView({
diff --git a/package.json b/package.json
@@ -41,7 +41,8 @@
     "minimist": "^1.2.0",
     "mocha": "^2.3.4",
     "phantomjs": "^1.9.19",
-    "react": "0.14.6",
+    "react": "^0.14.6",
+    "react-dom": "^0.14.6",
     "sinon": "^1.17.2",
     "webpack": "^1.12.11",
     "webpack-dev-server": "^1.14.1"

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`const React = require('react');`
	`2`	`+const ReactDOM = require('react-dom');`
`2`	`3`
`3`	`4`	`const NavigationController = require('../../src/navigation-controller');`
`4`	`5`	`const View =require('./view');`
`@@ -29,4 +30,4 @@ class App extends React.Component {`
`29`	`30`	`}`
`30`	`31`	`}`
`31`	`32`
`32`		`-React.render(<App />, document.body);`
	`33`	`+ReactDOM.render(<App />, document.getElementById('app'));`