feat: step 2 to use react

CaptainJojo · Jul 2, 2016 · 2e1f269 · 2e1f269
1 parent 206f1cc
commit 2e1f269
Show file tree

Hide file tree

Showing 9 changed files with 45 additions and 125 deletions.
diff --git a/Dockerfile b/Dockerfile
diff --git a/docker-compose.yml b/docker-compose.yml
diff --git a/index.html b/index.html
@@ -0,0 +1,6 @@
+<!doctype html public "storage">
+<html>
+<meta charset=utf-8/>
+<title>My First React Router App</title>
+<div id=app></div>
+<script src="bundle.js"></script>
diff --git a/index.js b/index.js
@@ -1,4 +1,5 @@
-require('babel/register');
+import React from 'react'
+import { render } from 'react-dom'
+import App from './modules/App'
 
-var server = require('./src/server');
-server.listen(8080);
+render(<App/>, document.getElementById('app'))
diff --git a/modules/App.js b/modules/App.js
@@ -0,0 +1,7 @@
+import React from 'react'
+
+export default React.createClass({
+  render() {
+    return <div>Hello, React2 3 Router!</div>
+  }
+})
diff --git a/npm-debug.log b/npm-debug.log
diff --git a/package.json b/package.json
@@ -3,22 +3,22 @@
   "version": "1.0.0",
   "description": "A Progressive Web App",
   "main": "index.js",
-  "dependencies": {
-    "babel": "^5.8.23",
-    "babel-core": "^5.8.25",
-    "babel-eslint": "^4.1.5",
-    "compression": "^1.6.0",
-    "express": "^4.13.3",
-    "express-handlebars": "^2.0.1",
-    "pg": "^4.3.0"
-  },
-  "engines": {
-    "node": ">=5.0.0"
-  },
+  "bin": "bin/webpack-dev-server.js",
   "scripts": {
-    "start": "node index.js"
+    "start": "webpack-dev-server  --inline --content-base --host=0.0.0.0 ."
+  },
+  "dependencies": {
+    "react": "^0.14.7",
+    "react-dom": "^0.14.7",
+    "react-router": "^2.0.0"
   },
   "devDependencies": {
-    "babel-register": "^6.9.0"
+    "babel-core": "^6.5.1",
+    "babel-loader": "^6.2.2",
+    "babel-preset-es2015": "^6.5.0",
+    "babel-preset-react": "^6.5.0",
+    "http-server": "^0.8.5",
+    "webpack": "^1.12.13",
+    "webpack-dev-server": "^1.14.1"
   }
 }
diff --git a/src/server.js b/src/server.js
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,14 @@
+module.exports = {
+  entry: './index.js',
+
+  output: {
+    filename: 'bundle.js',
+    publicPath: ''
+  },
+
+  module: {
+    loaders: [
+      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&presets[]=react' }
+    ]
+  }
+}