react-server 0,4,0,6,1,4,0,2 editorconfig eslint travis-ci docker npm

:rocket: Blazing fast page load and seamless navigation.

Build Status NPM version NPM downloads per month Chat on Slack NPM license Powered by Redfin

React framework with server render for blazing fast page load and seamless transitions between pages in the browser.

Just getting started with react-server?

The easiest way to get started is with our yeoman generator:

# install yeoman
npm install -g yo

# install the react-server generator
npm install -g generator-react-server

# make a new react-server project in the CURRENT directory
yo react-server

# run the new app
npm run start
# go to http://localhost:3000

That hooks you up with react-server-cli, which will take care of the server part and get you up and running right away.

Why react-server?

One of the great things about React is its support for server-side rendering, which can make sites show up faster for users and play better with search engine bots.

However, when you actually try to use React for server-side rendering, you quickly run into a bunch of practical problems, such as:

  • How should I load data on the server for my components?
  • How do I ensure that the client and the server load the same data and generate the same HTML markup?
  • How do I write code that can be both generated server-side and be part of a single-page application (SPA)?
  • How should I optimize the delivery of my JavaScript and CSS?
  • How do I find out about and follow performance best practices?
  • How do I ensure that my site is streamed to the browser as quickly as humanly possible?
  • How can I make my app resilient when my backend has high latency spikes?

react-server is a framework designed to make universal (née isomorphic) React easier to write, providing standard answers for these questions and more. When you write your app for react-server, you concentrate on your React components, and react-server takes care of everything else that’s needed to run and deploy real React server-rendered apps. Under the hood, react-server is doing a bunch of clever optimizations, many borrowed from the ideas behind Facebook’s Big Pipe, to make sure that your site shows up as quickly as humanly possible for your users.

Once you’re hungry for more, dig into the React Server documentation and the react-server code.

Want to help?

Great! There’s a lot to do! See the contributing guide to get started.

Where’s all the code?!

This is a Lerna respository with multiple npm packages! Check out the packages/ directory :eyes:.

Related Repositories



A simple example of how to do server-side rendering with React (no compilation needed) ...



Example of an react application with webpack including server-side rendering. ...



An example using universal client/server routing and data in React with AWS DynamoDB ...



Interactive guide to server-side rendering with Webpack, React, React Transmit, CSS modules and more ...



Server Side Rendering library for React Router v4. ...

Top Contributors

gigabo doug-wade roblg redfin-sasha-aickin davidalber aickin egid greenkeeperio-bot lidawang jmhwang7 decoy31 careylin vinsewah hbussell jbenesch helenaut withinboredom dfabulich alexhanson TonyHYK toddsullivan nampas hzhu bw070908 alex88 latentflip SteveVitali conorcussell amilajack chris-voss


package version
dev david ^10.0.0
lerna 2.0.0-beta.38
lerna-changelog ^0.4.0


-   v0.4.7 zip tar
-   v0.4.6 zip tar
-   v0.4.5 zip tar
-   v0.4.4 zip tar
-   v0.4.3 zip tar
-   v0.4.2 zip tar
-   v0.4.1 zip tar
-   v0.4.0 zip tar
-   v0.3.4 zip tar
-   v0.3.3 zip tar
-   v0.3.2 zip tar
-   v0.3.1 zip tar
-   v0.3.0 zip tar
-   v0.2.12 zip tar
-   v0.2.11 zip tar
-   v0.2.10 zip tar
-   v0.2.9 zip tar
-   v0.2.8 zip tar
-   v0.2.7 zip tar
-   v0.2.6 zip tar
-   v0.2.5 zip tar
-   v0.2.4 zip tar
-   v0.2.3 zip tar
-   v0.2.2 zip tar
-   v0.2.1 zip tar
-   v0.2.0 zip tar
-   v0.1.4 zip tar
-   v0.1.3 zip tar
-   v0.1.2 zip tar
-   v0.1.1 zip tar