DylanPiercey/rill-example-1.js

## rill-example-1.js
// Creating an app is familiar.
const app = require("rill")();

// Lets pull in some middleware!
app.use(require("@rill/logger")()); // Setup logging.
app.use(require("@rill/react")()); // Setup our react renderer.

// Lets make our index page!
app.get("/", ({ req, res })=> {
  // Simply set the response body to a React Element.
  // This will send html in the server and
  // update the dom in the browser.
  res.body = <MyApp title="Rill"/>;
});

// Listen will start a node server, or start the event listeners in the browser.
app.listen({ port: 3000, ip: "0.0.0.0" });

// Extremely simple full page React Component.
function MyApp (props) {
  // Using JSX
  return (
    <html>
        <head>
            <title>My App - Home</title>
        </head>
        <body>
            Welcome to { props.title } life.
            <a href="/away">Take me away!</a>
            <script src="/app.js"/>
        </body>
    </html>
  );
}
	// Creating an app is familiar.
	const app = require("rill")();

	// Lets pull in some middleware!
	app.use(require("@rill/logger")()); // Setup logging.
	app.use(require("@rill/react")()); // Setup our react renderer.

	// Lets make our index page!
	app.get("/", ({ req, res })=> {
	// Simply set the response body to a React Element.
	// This will send html in the server and
	// update the dom in the browser.
	res.body = <MyApp title="Rill"/>;
	});

	// Listen will start a node server, or start the event listeners in the browser.
	app.listen({ port: 3000, ip: "0.0.0.0" });

	// Extremely simple full page React Component.
	function MyApp (props) {
	// Using JSX
	return (
	<html>
	<head>
	<title>My App - Home</title>
	</head>
	<body>
	Welcome to { props.title } life.
	<a href="/away">Take me away!</a>
	<script src="/app.js"/>
	</body>
	</html>
	);
	}