goatslacker / rrv4-ssr-and-code-splitting

Code Splitting + SSR with RRv4 demo

This is a demo repository set up to demo code splitting by route on React Router v4 with server rendered React components.

Running the demo:

git clone [e-mail]:gdborton/rrv4-ssr-and-code-splitting.git
cd rrv4-ssr-and-code-splitting/
npm install
webpack
node server
open http://localhost:3000

Things of note:

• The contents of this repo were based on the TodoMVC code originally written by Pete Hunt.
• We're using babel-eslint to enable import().
• We're using the Airbnb dynamic import plugins, webpack's import() creates references to window that don't work in node:
  • babel-plugin-dynamic-import-webpack for client side code.
  • babel-plugin-dynamic-import-node for server side code.
• We have two webpack configs:
  • One for server (libraryTarget = commonjs2 and babel-plugin-dynamic-import-node).
  • Another for client (babel-plugin-dynamic-import-webpack).
• The server, starts with some static data, and is never updated, you'll lose your changes if you reload the page.