Adding react to dapp

2018-06-29 13:11:10 -04:00 · 2018-06-29 13:11:10 -04:00 · 0e13e935b8
parent 6e76d90bf1
commit 0e13e935b8
3 changed files with 21 additions and 4 deletions
--- a/app/index.html
+++ b/app/index.html
@ -2,10 +2,9 @@
  <head>
    <title>Embark</title>
    <link rel="stylesheet" href="css/app.css">
-    <script src="js/app.js"></script>
  </head>
  <body>
-    <h3>Welcome to Embark!</h3>
-    <p>See the <a href="http://embark.readthedocs.io/en/latest/index.html" target="_blank">Embark's documentation</a> to see what you can do with Embark!</p>
+    <div id="app"></div>
+    <script src="js/app.js"></script>
  </body>
 </html>
--- a/app/js/index.js
+++ b/app/js/index.js
@ -4,3 +4,16 @@ import EmbarkJS from 'Embark/EmbarkJS';
 // e.g if you have a contract named SimpleStorage:
 //import SimpleStorage from 'Embark/contracts/SimpleStorage';

+import React from 'react';
+import ReactDOM from 'react-dom';
+
+class App extends React.Component {
+
+    render(){
+        return <div>
+            Hola Mundo
+            </div>;
+    }
+}
+
+ReactDOM.render(<App></App>, document.getElementById('app'));
--- a/package.json
+++ b/package.json
@ -8,6 +8,11 @@
  "author": "",
  "license": "ISC",
  "homepage": "",
-  "devDependencies": {
+  "devDependencies": {},
+  "dependencies": {
+    "babel-plugin-transform-object-rest-spread": "^6.26.0",
+    "babel-preset-stage-2": "^6.24.1",
+    "react": "^16.4.1",
+    "react-dom": "^16.4.1"
  }
 }