Douglas Wade doug-wade

React is an amazing library for client-side user interface, and it has the added benefit of being able to be rendered on the server, which is crucial for SEO, SEM, and user experience. However, server-side rendering in practice is significantly more complicated than just calling ReactDOMServer.renderToString and piping out the result, especially if you want to make sure your site loads quickly in a mobile-first world. React Server smoothes out the common problems you run into with React server-side rendering, encodes performance best practices into the framework, and makes it easy to build high performance websites by default.

I'll discuss some of the design decisions we made during development, show our performance improvements, talk about lessons we've learned running React Server in production for a year and a half, and give some hints about the future of React Server, including adding streaming to React core.

	const fs = require('fs')
	const path = require('path')

	const inputDirectory = process.argv[process.argv.indexOf('-i') + 1]
	const outputDirectory = process.argv[process.argv.indexOf('-o') + 1]

	const BLOCK_LIST = new Set(['type', 'description', 'extensions'])

	if (!fs.existsSync(outputDirectory)){
	fs.mkdirSync(outputDirectory);

	const backingObject = Symbol();
	const prune = Symbol();
	const FIVE_MINUTES = 1000 * 60 * 5;

	function getTimestamp() {
	return (new Date()).getTime();
	}

	// Example usage:
	// const inst = new SimpleReporting();

	export default class LocalDate {
	constructor (day, month, year) {
	this.year = year;
	this.month = month;
	this.day = day;
	}

	toCompatString() {
	return `${this.year}-${this.month}-${this.day}T00:00`;
	}

	if exists
	(
	select *
	from sys.objects
	where object_id = OBJECT_ID(N'[dbo].[getColumnSelectivity]')
	)
	begin
	drop procedure dbo.getColumnSelectivity
	end
	go

	(setf nerd-states '(sleeping eating waiting-for-a-computer programming debugging))

	(defun nerdus (state)
	(if (equal (last nerd-states) (list state))
	(first nerd-states)
	(second (member state nerd-states))
	)
	)

	(defun sleepless-nerd (state)

	;Set up the rooms
	(setf rooms
	'((living-room (north front-stairs)
	(south dining-room)
	(east kitchen))

	(upstairs-bedroom (west library)
	(south front-stairs))

	(dining-room (north living-room)

	if exists (
	select *
	from sys.objects
	where object_id = OBJECT_ID(N'[dbo].[dateSerial]')
	and type in (N'FN', N'IF', N'TF', N'FS', N'FT')
	)
	begin
	drop function [dbo].[dateSerial]
	end
	go