Sample application: Server-Side Rendering and Code Splitting with React-Router 4

The purpose of this repository is to showcase a working solution for a server-rendered, code-split app with React-Router 4. This solution is described in detail on my personal blog here.

Highlights are:

• We use a simple HOC on the server, which allows us to know which chunks were involved in the render
• We use a different HOC on the client which renders asynchronously
• We switch between the two implementations using Webpack's NormalModuleReplacementPlugin
• When rendering on the server, we send the list of necessary chunks down to the client
• We load these chunks on the client before doing the initial render

Running the code

Should be as simple as cloning the repo and then running npm install && npm start.

License

MIT