Skip to content

An example for creating a lazily loaded React web app; code-splitting using Webpack 2 and React Router v4

Notifications You must be signed in to change notification settings

lourd/webpack-rrv4-code-splitting

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

What is this 🤔

A super simple web app demonstrating how to use the React Router v4 and Webpack v2 APIs together to make a dynamically growing React app. It shows 5 whole words; it's the most amazing thing you've ever seen! 🙄

The meat of it is in App.js and asyncComponent.js; there's some comments in the code explaining what's happening. See it in action at lourd.github.io/webpack-rrv4-code-splitting. Open the Network section of your dev tools to get a better sense of what's happening.

I was motivated to make this after reading part 2 of Addy Osmani's series on Progressive Web Apps.

About

An example for creating a lazily loaded React web app; code-splitting using Webpack 2 and React Router v4

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published