initial commit

alanbsmith · alanbsmith · commit 71365751c9d2 · 2015-09-22T14:05:04.000-06:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,3 @@
+node_modules/
+*npm-debug.log
+*.DS_Store
diff --git a/app/scripts/app.jsx b/app/scripts/app.jsx
@@ -0,0 +1,11 @@
+import React from 'react/addons';
+
+let Hello = React.createClass({
+  render() {
+    return(
+      <h1>Hello, {this.props.name}!</h1>
+    )
+  }
+});
+
+React.render(<Hello name='World' />, document.body);
diff --git a/app/styles/base.css b/app/styles/base.css
@@ -0,0 +1,4 @@
+h1 {
+  font-family: helvetica;
+  font-weight: 100;
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "react-node-example",
+  "version": "0.0.1",
+  "description": "an example for deploying a node/react app to heroku",
+  "main": "server.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "NODE_ENV=production node server.js",
+    "postinstall": "webpack -p --config ./webpack.config.js"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "babel-core": "^5.8.25",
+    "babel-loader": "^5.3.2",
+    "css-loader": "^0.19.0",
+    "express": "^4.13.3",
+    "file-loader": "^0.8.4",
+    "jsx-loader": "^0.13.2",
+    "react": "^0.13.3",
+    "style-loader": "^0.12.4",
+    "webpack": "^1.12.2"
+  }
+}
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" type="text/css" href="./styles/base.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+    <title>Node + React</title>
+  </head>
+  <body></body>
+  <script src="app.js"></script>
+</html>
diff --git a/public/styles/base.css b/public/styles/base.css
@@ -0,0 +1,4 @@
+h1 {
+  font-family: helvetica;
+  font-weight: 100;
+}
diff --git a/server.js b/server.js
@@ -0,0 +1,15 @@
+var path = require('path');
+var express = require('express');
+
+var app = express();
+var PORT = process.env.PORT || 8080
+
+app.use(express.static(path.join(__dirname, 'public')));
+
+app.get('/', function(request, response) {
+  response.sendFile(__dirname + '/public/index.html')
+});
+
+app.listen(PORT, function() {
+  console.log("Server is up and running on port: " + PORT)
+});
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,17 @@
+var webpack = require('webpack');
+
+module.exports = {
+  entry: ['./app/scripts/app.jsx'],
+  output: {
+    path: './public',
+    filename: 'app.js'
+  },
+  module: {
+    loaders: [
+      { test: /\.html$/, loader: "file?name=[name].[ext]"} ,
+      { test: /\.css$/, loader: 'style!css' },
+      { test: /\.js$/, loader: "babel-loader?stage=0", exclude: '/node_modules/' },
+      { test: /\.jsx$/, loaders: ['jsx-loader', "babel-loader?stage=0"] }
+    ]
+  }
+};

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+node_modules/`
	`2`	`+*npm-debug.log`
	`3`	`+*.DS_Store`
-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +h1 {
 +  font-family: helvetica;
 +  font-weight: 100;
 +}