Implement example server

Author: coderkevin

examples/simple/index.jsx

@@ -3,6 +3,7 @@ import React from 'react';
 import { render } from 'react-dom';
 
 render(
-  <h1>Test</h1>
+  <h1>Test</h1>,
+  document.getElementById( 'root' )
 );
 

examples/simple/package.json

@@ -6,7 +6,7 @@
     "build-dev": "npm run clean && npm run build-client-dev",
     "build-client-dev": "node_modules/webpack/bin/webpack.js -d --progress --colors",
     "clean": "rimraf dist",
-    "start": "npm run build-dev && node server.js",
+    "start": "npm run build-dev && node server.babel.js",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "repository": {
@@ -26,6 +26,7 @@
   },
   "homepage": "https://github.com/coderkevin/redux-trigger",
   "dependencies": {
+    "express": "^4.13.3",
     "react": "^0.14.3",
     "react-dom": "^0.14.3",
     "react-redux": "^4.0.5",

examples/simple/server.babel.js

@@ -0,0 +1,5 @@
+/**
+ * This server file works to allow ES2015 syntax in server.js
+ */
+require( 'babel/register' );
+require( './server' );

examples/simple/server.js

@@ -1 +1,37 @@
-console.log( 'Server placeholder.' );
+/**
+ * Sample Redux/React Server.
+ */
+import webpack from 'webpack';
+import webpackDevMiddleware from 'webpack-dev-middleware';
+import webpackHotMiddleware from 'webpack-hot-middleware';
+import express from 'express';
+import config from './webpack.config';
+
+const app = new express();
+const port = 3000;
+const devConfig = {
+	noInfo: true,
+	publicPath: config.output.publicPath
+};
+
+console.log( 'Starting server.' );
+
+var compiler = webpack( config );
+app.use( webpackDevMiddleware( compiler, devConfig ) );
+app.use( webpackHotMiddleware( compiler ) );
+
+app.get( '/', function( req, res ) {
+	res.sendFile( __dirname + '/index.html' );
+} );
+
+app.listen( port, function( error ) {
+	if ( error ) {
+		console.error( error );
+	} else {
+		console.info(
+			'Listening on port %s. Open up http://localhost:%s/ in your browser.',
+			port,
+			port
+		);
+	}
+} );