Update to React 0.14, Babel 6.0 and use Webpack in examples

Author: ustun

examples/01_hello_world/.babelrc

@@ -0,0 +1,3 @@
+{
+      "presets": ["react"]
+}

examples/01_hello_world/01_hello_world.html

@@ -3,5 +3,6 @@
     <div id="app"></div>
 
     <script src="./react.js"></script>
+    <script src="./react-dom.js"></script>
     <script src="./01_hello_world_compiled.js"></script>
 </body>

examples/01_hello_world/01_hello_world.js

@@ -1,7 +1,7 @@
 var HelloWorld = React.createClass({
     render: function () {
-        return <div>Hello World</div>
+        return <div>Hello Oredev</div>
     }
 });
 
-React.render(<HelloWorld/>, document.getElementById('app'));
+ReactDOM.render(<HelloWorld/>, document.getElementById('app'));

examples/01_hello_world/01_hello_world_compiled.js

@@ -0,0 +1,12 @@
+var HelloWorld = React.createClass({
+    render: function () {
+        return React.createElement(
+            'div',
+            null,
+            'Hello Oredev'
+        );
+    }
+});
+
+ReactDOM.render(React.createElement(HelloWorld, null), document.getElementById('app'));
+

examples/01_hello_world/Makefile

@@ -1,14 +1,10 @@
-install_react_tools:
-	npm install --global --update react-tools
+install_babel:
+	npm install --global --update babel-cli
+	npm install
 
 download_react:
-	curl -s -L https://fb.me/react-0.13.3.js -o react.js
+	curl -s -L https://fb.me/react-0.14.2.js -o react.js
+	curl -s -L https://fb.me/react-dom-0.14.2.js -o react-dom.js
 
 compile:
-	jsx 01_hello_world.js > 01_hello_world_compiled.js
-
-open:
-	open 01_hello_world.html
-
-start:
-	start 01_hello_world.html
+	babel 01_hello_world.js > 01_hello_world_compiled.js

examples/01_hello_world/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "01_hello_world",
+  "version": "1.0.0",
+  "description": "Look at the different rules in Makefile.",
+  "main": "01_hello_world.js",
+  "scripts": {
+      "test": "echo \"Error: no test specified\" && exit 1",
+      "compile": "babel 01_hello_world.js > 01_hello_world_compiled.js"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "babel-cli": "^6.0.15",
+    "babel-preset-react": "^6.0.15"
+  }
+}

examples/01_hello_world/react-dom.js

@@ -0,0 +1,42 @@
+/**
+ * ReactDOM v0.14.2
+ *
+ * Copyright 2013-2015, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ */
+// Based off https://github.com/ForbesLindesay/umd/blob/master/template.js
+;(function(f) {
+  // CommonJS
+  if (typeof exports === "object" && typeof module !== "undefined") {
+    module.exports = f(require('react'));
+
+  // RequireJS
+  } else if (typeof define === "function" && define.amd) {
+    define(['react'], f);
+
+  // <script>
+  } else {
+    var g
+    if (typeof window !== "undefined") {
+      g = window;
+    } else if (typeof global !== "undefined") {
+      g = global;
+    } else if (typeof self !== "undefined") {
+      g = self;
+    } else {
+      // works providing we're not in "use strict";
+      // needed for Java 8 Nashorn
+      // see https://github.com/facebook/react/issues/3037
+      g = this;
+    }
+    g.ReactDOM = f(g.React);
+  }
+
+})(function(React) {
+  return React.__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+});