9 年之前 · 516838f403
--- a/.babelrc
+++ b/.babelrc
@@ -0,0 +1,5 @@
 
				+{
			
 
				+  "presets": [
			
 
				+    "react"
			
 
				+  ]
			
 
				+}
			
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,3 @@
 
				+/.idea/
			
 
				+/dist/
			
 
				+/node_modules/
			
--- a/README.md
+++ b/README.md
@@ -0,0 +1,23 @@
 
				+# Notes sur [ReactJS Fundamentals]
			
 
				+
			
 
				+[ReactJS Fundamentals]: http://courses.reactjsprogram.com/courses/reactjsfundamentals
			
 
				+
			
 
				+## Setting up
			
 
				+
			
 
				+* react + react-dom : actual React packages
			
 
				+* html-webpack-plugin: copy html to output
			
 
				+* webpack + webpack-dev-server: webpack
			
 
				+* babel-{core,loader}: babel core + plugin for webpack
			
 
				+* babel-preset-react: JSX transpiler
			
 
				+
			
 
				+
			
 
				+    npm install --save        \
			
 
				+      react                   \
			
 
				+      react-dom &&            \
			
 
				+    npm install --save-dev    \
			
 
				+      html-webpack-plugin     \
			
 
				+      webpack                 \
			
 
				+      webpack-dev-server      \
			
 
				+      babel-{core,loader}     \
			
 
				+      babel-preset-react
			
 
				+
			
--- a/app/index.html
+++ b/app/index.html
@@ -0,0 +1,13 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+  <head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <title>Github battle</title>
			
 
				+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
			
 
				+  </head>
			
 
				+
			
 
				+  <body>
			
 
				+    <div id="app"></div>
			
 
				+
			
 
				+  </body>
			
 
				+</html>
			
--- a/app/index.js
+++ b/app/index.js
@@ -0,0 +1,16 @@
 
				+let React = require("react");
			
 
				+let ReactDOM = require("react-dom");
			
 
				+
			
 
				+let HelloWorld = React.createClass({
			
 
				+  render: function () {
			
 
				+    return (
			
 
				+      <div>Hello, world!</div>
			
 
				+    );
			
 
				+  }
			
 
				+});
			
 
				+
			
 
				+ReactDOM.render(
			
 
				+  <HelloWorld />,
			
 
				+  document.getElementById("app")
			
 
				+);
			
 
				+
			
--- a/package.json
+++ b/package.json
@@ -0,0 +1,27 @@
 
				+{
			
 
				+  "name": "github-battle",
			
 
				+  "version": "1.0.0",
			
 
				+  "description": "http://courses.reactjsprogram.com/courses/reactjsfundamentals",
			
 
				+  "main": "index.js",
			
 
				+  "scripts": {
			
 
				+    "production": "webpack -p",
			
 
				+    "start": "webpack-dev-server",
			
 
				+    "babel": "babel app -d dist"
			
 
				+  },
			
 
				+  "author": "Tyler McGinnis <tylermcginnis33@gmail.com> (http://ylermcginnis.com)",
			
 
				+  "license": "ISC",
			
 
				+  "dependencies": {
			
 
				+    "react": "^0.14.7",
			
 
				+    "react-dom": "^0.14.7"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "babel-cli": "^6.6.5",
			
 
				+    "babel-core": "^6.7.4",
			
 
				+    "babel-loader": "^6.2.4",
			
 
				+    "babel-preset-es2015": "^6.6.0",
			
 
				+    "babel-preset-react": "^6.5.0",
			
 
				+    "html-webpack-plugin": "^2.14.0",
			
 
				+    "webpack": "^1.12.14",
			
 
				+    "webpack-dev-server": "^1.14.1"
			
 
				+  }
			
 
				+}
			
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -0,0 +1,28 @@
 
				+let HtmlWebpackPlugin = require("html-webpack-plugin");
			
 
				+let HtmlWebpackPluginConfig = new HtmlWebpackPlugin({
			
 
				+  template: __dirname + "/app/index.html",
			
 
				+  filename: "index.html",
			
 
				+  inject: "body"
			
 
				+});
			
 
				+
			
 
				+module.exports = {
			
 
				+  entry: [
			
 
				+    "./app/index.js"
			
 
				+  ],
			
 
				+  output: {
			
 
				+    path: __dirname + "/dist",
			
 
				+    filename: "index_bundle.js"
			
 
				+  },
			
 
				+  module: {
			
 
				+    loaders: [
			
 
				+      {
			
 
				+        test: /\.js$/,
			
 
				+        exclude: /node_modules/,
			
 
				+        loader: "babel-loader"
			
 
				+      }
			
 
				+    ]
			
 
				+  },
			
 
				+  plugins: [
			
 
				+    HtmlWebpackPluginConfig
			
 
				+  ]
			
 
				+};