DavidWells/index.ejs

## index.ejs
<!doctype html>
<html>
  <head>
    <title>React Isomorphic Server Side Rendering Example</title>
    <link href='/styles.css' rel="stylesheet">
  </head>
  <body>
	<h1 id="main-title">Isomorphic Server Side Rendering with React</h1>

    <div id="react-main-mount">
      <%- reactOutput %>
    </div>

	<!-- comment out main.js to see server side only rendering -->
	<script src="/main.js"></script>

  </body>
</html>

## serverside-react-rendering.js
var React = require('react'),
ReactApp = React.createFactory(require('../components/ReactApp'));

module.exports = function(app) {

	app.get('/', function(req, res){
		// React.renderToString takes your component and generates the markup
		var reactHtml = React.renderToString(ReactApp({}));
        	// Output html rendered by react into .ejs file. Can be any template
		res.render('index.ejs', {reactOutput: reactHtml});
	});

};
	<!doctype html>
	<html>
	<head>
	<title>React Isomorphic Server Side Rendering Example</title>
	<link href='/styles.css' rel="stylesheet">
	</head>
	<body>
	<h1 id="main-title">Isomorphic Server Side Rendering with React</h1>

	<div id="react-main-mount">
	<%- reactOutput %>
	</div>

	<!-- comment out main.js to see server side only rendering -->
	<script src="/main.js"></script>

	</body>
	</html>
	var React = require('react'),
	ReactApp = React.createFactory(require('../components/ReactApp'));

	module.exports = function(app) {

	app.get('/', function(req, res){
	// React.renderToString takes your component and generates the markup
	var reactHtml = React.renderToString(ReactApp({}));
	// Output html rendered by react into .ejs file. Can be any template
	res.render('index.ejs', {reactOutput: reactHtml});
	});

	};