/ssr_code-splitting_sample

Primary LanguageJavaScript

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