divmain/react-router-rapscallion.js

## react-router-rapscallion.js
import React, { Component } from "react";
import express from "express";
import path from "path";
import { renderToStream, toNodeStream, streamTemplate } from "rapscallion";
import { Route, StaticRouter } from "react-router-dom";


class App extends Component {
  render() {
    return (
      <Route path="/" component={Home} />
    )
  }
}


class Home extends Component {
  constructor(props) {
    super(props)
  }
  render() {
    return (
      <div className="home">Test</div>
    )
  }
}


const app = express();

app.use("*", (req, res) => {

  const context = {};

  const component = (
    <StaticRouter location={req.url} context={context}>
      <App />
    </StaticRouter>
  );

  const application = renderToStream(component);

  const html = streamTemplate`<!doctype html><html>
    <head>
      <title>Test</title>
    </head>
    <body>
      <div id="root">${application}</div>
    </body>
  </html>`

  if (context.url) {
    res.writeHead(302, { Location: context.url });
    res.end();
  } else {
    toNodeStream(html).pipe(res)
  }

});

app.listen(3000, () => {
  console.log("App listening on port 3000");
});
	import React, { Component } from "react";
	import express from "express";
	import path from "path";
	import { renderToStream, toNodeStream, streamTemplate } from "rapscallion";
	import { Route, StaticRouter } from "react-router-dom";


	class App extends Component {
	render() {
	return (
	<Route path="/" component={Home} />
	)
	}
	}


	class Home extends Component {
	constructor(props) {
	super(props)
	}
	render() {
	return (
	<div className="home">Test</div>
	)
	}
	}


	const app = express();

	app.use("*", (req, res) => {

	const context = {};

	const component = (
	<StaticRouter location={req.url} context={context}>
	<App />
	</StaticRouter>
	);

	const application = renderToStream(component);

	const html = streamTemplate`<!doctype html><html>
	<head>
	<title>Test</title>
	</head>
	<body>
	<div id="root">${application}</div>
	</body>
	</html>`

	if (context.url) {
	res.writeHead(302, { Location: context.url });
	res.end();
	} else {
	toNodeStream(html).pipe(res)
	}

	});

	app.listen(3000, () => {
	console.log("App listening on port 3000");
	});