my first hello world with ReactJS!

pietro909 · Sep 19, 2016 · a8839d5 · a8839d5
commit a8839d5
Show file tree

Hide file tree

Showing 5 changed files with 79 additions and 0 deletions.
diff --git a/App.jsx b/App.jsx
@@ -0,0 +1,13 @@
+import React from 'react';
+
+class App extends React.Component {
+    render() {
+        return (
+            <div>
+                hello World!!!
+            </div>
+        );
+    }
+}
+
+export default App;
diff --git a/index.html b/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+
+    <head>
+        <meta charset="UTF-8">
+        <title>React App</title>
+    </head>
+
+    <body>
+        <div id="app"></div>
+        <script src="index.js"></script>
+    </body>
+
+</html>
diff --git a/main.js b/main.js
@@ -0,0 +1,5 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './App.jsx';
+
+ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/package.json b/package.json
@@ -0,0 +1,18 @@
+{
+  "name": "react-first-app",
+  "version": "0.0.1",
+  "description": "my first react app",
+  "main": "index.js",
+  "scripts": {
+    "start": "webpack-dev-server --hot",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "react": "^15.3.1",
+    "react-dom": "^15.3.1",
+    "webpack": "^2.1.0-beta.22",
+    "webpack-dev-server": "^1.16.1"
+  }
+}
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,29 @@
+var config = {
+    entry: './main.js',
+
+    output: {
+        path:'./',
+        filename: 'index.js',
+    },
+
+    devServer: {
+        inline: true,
+        port: 8080
+    },
+
+    module: {
+        loaders: [
+        {
+            test: /\.jsx?$/,
+            exclude: /node_modules/,
+            loader: 'babel',
+
+            query: {
+                presets: ['react']
+            }
+        }
+        ]
+    }
+}
+
+module.exports = config;