update example

iwege · Jan 8, 2018 · 3c76d47 · 3c76d47
1 parent f198551
commit 3c76d47
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 3 deletions.
diff --git a/.gitignore b/.gitignore
@@ -5,6 +5,7 @@ npm-debug.log*
 /.nyc_output
 /test/**/dist
 /examples/**/dist
+/examples/**/node_modules
 
 # tnpm cache directory
 /test/**/.cache

diff --git a/examples/dead-simple/package.json b/examples/dead-simple/package.json
@@ -1 +1,6 @@
-{}
+{
+  "dependencies": {
+    "react": "^16.2.0",
+    "react-dom": "^16.2.0"
+  }
+}
diff --git a/examples/dead-simple/public/index.html b/examples/dead-simple/public/index.html
@@ -10,7 +10,9 @@
 <body>
 
   <h1>Hi roadhog</h1>
-  <script src="/index.js"></script>
+  <div id="root"></div>
+
+  <script src="./index.js"></script>
 
 </body>
 </html>
diff --git a/examples/dead-simple/src/index.js b/examples/dead-simple/src/index.js
@@ -1 +1,20 @@
-console.log('app');
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+class App extends React.Component {
+  render() {
+    return (
+      <div className="full-page-content">
+        <div className="landing-blurb">
+          <div className="logo">Logo here</div>
+          <div className="animation">Something here</div>
+          <h1 ref="landingLabel" className="label">
+            I'm looking for things to do in
+          </h1>
+        </div>
+      </div>
+    );
+  }
+}
+
+ReactDOM.render(<App />, document.getElementById('root'));