diff --git a/.eslintrc b/.eslintrc
index 2e21708..1861844 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -2,6 +2,7 @@
"extends": "airbnb",
"rules": {
"comma-dangle": ["error", "never"],
- "no-console": ["error", {"allow": ["log"]}]
+ "no-console": ["error", {"allow": ["log"]}],
+ "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }]
}
}
diff --git a/.gitignore b/.gitignore
index 8d0d146..c6e8e4a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -34,3 +34,5 @@ node_modules
# Exclude config
config.json
+
+build
diff --git a/package.json b/package.json
index 8371dea..5d293ba 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,8 @@
"description": "",
"main": "index.js",
"scripts": {
- "start": "webpack-dev-server --content-base build --hot --inline",
+ "start": "webpack-dev-server --content-base src --hot --inline",
+ "build": "webpack --progress --colors",
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
@@ -18,7 +19,9 @@
},
"homepage": "https://github.com/Algram/ytdl-webserver#readme",
"dependencies": {
- "hapi": "^15.0.1"
+ "hapi": "^15.0.1",
+ "react": "^15.3.1",
+ "react-dom": "^15.3.1"
},
"devDependencies": {
"babel-core": "^6.14.0",
@@ -30,8 +33,6 @@
"eslint-plugin-import": "^1.14.0",
"eslint-plugin-jsx-a11y": "^2.2.0",
"eslint-plugin-react": "^6.1.2",
- "react": "^15.3.1",
- "react-dom": "^15.3.1",
"webpack": "^1.13.2",
"webpack-dev-server": "^1.15.0"
}
diff --git a/src/index.html b/src/index.html
new file mode 100644
index 0000000..41b688f
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,11 @@
+
+
+
+
+ Webpack, ES6, React, Hot!!
+
+
+
+
+
+
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..7aad6f0
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,26 @@
+/* global document */
+
+import React, { PropTypes } from 'react';
+import { render } from 'react-dom';
+
+class Hello extends React.Component {
+ componentDidMount() {
+ console.log('asdasd');
+ }
+
+ render() {
+ return (
+ Hello {this.props.name}
+
{this.props.headline}
+
+ );
+ }
+}
+
+Hello.propTypes = {
+ name: PropTypes.string,
+ headline: PropTypes.string
+};
+
+render(
+ , document.getElementById('app'));