Build a first component TodoApp

MontpellierJS · Jan 25, 2016 · cc67717 · cc67717
1 parent 26ec527
commit cc67717
Show file tree

Hide file tree

Showing 4 changed files with 67 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>MontpellierJS - ToDo List!</title>
+  </head>
+  <body>
+
+  <div id="app"></div>
+
+  <script src="build/bundle.js"></script>
+
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,33 @@
+{
+  "name": "react-intro",
+  "version": "1.0.0",
+  "description": "An Introduction to ReactJS, maintained and amended by MontpellierJS Team",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "watch": "watchify -t [ babelify --presets [ react ] ] ./src/index.js -o ./build/bundle.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/MontpellierJS/react-intro.git"
+  },
+  "keywords": [
+    "tutorial",
+    "introduction"
+  ],
+  "author": "MontpellierJS",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/MontpellierJS/react-intro/issues"
+  },
+  "homepage": "https://github.com/MontpellierJS/react-intro#readme",
+  "dependencies": {
+    "babel-preset-react": "^6.3.13",
+    "babelify": "^7.2.0",
+    "react": "^0.14.6",
+    "react-dom": "^0.14.6"
+  },
+  "devDependencies": {
+    "watchify": "^3.7.0"
+  }
+}
diff --git a/src/components/TodoApp.js b/src/components/TodoApp.js
@@ -0,0 +1,11 @@
+var React = require('react');
+
+function TodoApp(props) {
+  return (
+    <div className="todoApp">
+      Todo : Build The App
+    </div>
+  );
+}
+
+module.exports = TodoApp;
diff --git a/src/index.js b/src/index.js
@@ -0,0 +1,9 @@
+var React = require('react');
+var ReactDOM = require('react-dom');
+
+var TodoApp = require('./components/TodoApp.js');
+
+ReactDOM.render(
+  <TodoApp/>,
+  document.getElementById('app')
+);