add react

Author: Peng.Li

app/app.js renamed to app/server.js

@@ -4,7 +4,7 @@
   "description": "",
   "main": "index.js",
   "scripts": {
-    "start": "babel-node app/app.js --ignore 'node_modules/' || exit 0",
+    "start": "babel-node app/server.js --ignore 'node_modules/' || exit 0",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [],
@@ -22,7 +22,12 @@
   },
   "dependencies": {
     "babel-preset-es2015": "^6.13.2",
+    "babel-preset-react": "^6.11.1",
     "body-parser": "^1.15.2",
-    "express": "^4.14.0"
+    "express": "^4.14.0",
+    "jquery": "^3.1.0",
+    "lodash": "^4.14.1",
+    "react": "^15.3.0",
+    "react-dom": "^15.3.0"
   }
 }

package.json

@@ -0,0 +1,14 @@
+import Hello from './hello.jsx';
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+ReactDOM.render(
+  <Hello />,
+  document.getElementById("content")
+);
+
+// Notice!!!
+// Following is required to make reloading happen
+if (module.hot) {
+  module.hot.accept();
+}

public/entry.js

@@ -0,0 +1,11 @@
+import React from 'react';
+
+class Hello extends React.Component {
+    render() {
+        return (<div>
+            <h1>Hello world</h1>
+            </div>)
+    }
+}
+
+export default Hello;

public/entry.jsx

@@ -2,7 +2,7 @@ const webpack = require('webpack');
 
 module.exports = {
   entry: [
-    './public/entry.js',
+    './public/entry.jsx',
     'webpack-hot-middleware/client'
   ],
   output: {
@@ -12,11 +12,11 @@ module.exports = {
   },
   module: {
     loaders: [{
-      test: /\.js$/,
+      test: /\.(js|jsx)$/,
       exclude: /node_modules/,
       loader: 'babel',
       query: {
-        presets: ['es2015']
+        presets: ['es2015', 'react']
       }
     }]
   },