React, React Router V4, Webpack - Code Splitting

Simple example for creating code splitting using React Router V4

Description

Since the deprecation of System.import by Webpack v3.x, the switch has been made to use Dynamic Import. Using this Gist by Andrew Clark as inspiration I came up with this simple React app that uses React Router V4.x and Webpack 3.x to create the bundle files.

Live Sample

• https://rhernandog.github.io/react-webpack-code-splitting/

Installation

Clone this repo:

$ git clone https://github.com/rhernandog/react-webpack-code-splitting.git

Or download the ZIP file. Then install all the dependencies:

$ npm install

Finally run the server command to bundle the files and start the webpack dev server:

$ npm run server

Changelog

Version 1.0.0

• Initial stable commit.

Author

Rodrigo Hernando

• https://github.com/rhernandog
• https://twitter.com/websnapcl/
• http://codepen.io/rhernando/

License

• MIT

Issues

• https://github.com/rhernandog/react-webpack-code-splitting/issues

Contributing

Just create a PR.