init

jaysoo · Jan 11, 2016 · 005aaba · m-lautenbach · Feb 28, 2017 · jaysoo
commit 005aaba
Show file tree

Hide file tree

Showing 9 changed files with 86 additions and 0 deletions.
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,7 @@
+{
+  "presets": [
+    "es2015",
+    "stage-0",
+    "react"
+  ]
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+node_modules/
+npm-debug.log
diff --git a/bundle.js b/bundle.js
diff --git a/index.html b/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Timer App</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script src="./bundle.js"></script>
+  </body>
+</html>
diff --git a/nodemon.json b/nodemon.json
@@ -0,0 +1,3 @@
+{
+  "ignore": ["bundle.js"]
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,32 @@
+{
+  "name": "example-fp-demo",
+  "version": "1.0.0",
+  "description": "",
+  "scripts": {
+    "build": "./node_modules/.bin/browserify src/index.js -t babelify --outfile bundle.js",
+    "watch": "./node_modules/.bin/nodemon --exec npm run build",
+    "start": "./node_modules/.bin/http-server"
+  },
+  "author": "Jack Hsu <jack.hsu@gmail.com> (http://jaysoo.ca/)",
+  "license": "ISC",
+  "dependencies": {
+    "daggy": "0.0.1",
+    "data.either": "^1.3.0",
+    "data.maybe": "^1.2.1",
+    "pointfree-fantasy": "^0.1.3",
+    "ramda": "^0.19.0",
+    "react": "^0.14.5",
+    "react-dom": "^0.14.5"
+  },
+  "devDependencies": {
+    "babel-cli": "^6.3.17",
+    "babel-polyfill": "^6.3.14",
+    "babel-preset-es2015": "^6.3.13",
+    "babel-preset-react": "^6.3.13",
+    "babel-preset-stage-0": "^6.3.13",
+    "babelify": "^7.2.0",
+    "browserify": "^12.0.1",
+    "http-server": "^0.8.5",
+    "nodemon": "^1.8.1"
+  }
+}
diff --git a/src/App.js b/src/App.js
@@ -0,0 +1,23 @@
+import React, {
+  Component
+} from 'react';
+
+class App extends Component {
+  searchClicked() {
+    const { value } = this.refs.searchInput;
+  }
+
+  render() {
+    return (
+      <div>
+        <input ref="searchInput" placeholder="Search for videos"/>
+        <button onClick={() => this.searchClicked()}>
+          Search
+        </button>
+      </div>
+    );
+  }
+}
+
+export default App;
+
diff --git a/src/config.js b/src/config.js
@@ -0,0 +1,2 @@
+export const API_KEY = 'AIzaSyBn6VAt-hqQEowrEouhsL_k7RqJ2zSsoNI';
+
diff --git a/src/index.js b/src/index.js
@@ -0,0 +1,7 @@
+import 'babel-polyfill';
+import React, { Component} from 'react';
+import ReactDOM from 'react-dom';
+import config from './config';
+import App from './app';
+
+ReactDOM.render(<App/>, document.getElementById('root'));