https://github.com/moduscreateorg/react-dynamic-route-loading-es6
Auto chunking and dynamic loading of routes with React Router and Webpack 2
https://github.com/moduscreateorg/react-dynamic-route-loading-es6
chunk hmr offline pre-cache pre-load preloading react react-router service-worker splitting tree-shaking webpack webpack2
Last synced: 16 days ago
JSON representation
Auto chunking and dynamic loading of routes with React Router and Webpack 2
- Host: GitHub
- URL: https://github.com/moduscreateorg/react-dynamic-route-loading-es6
- Owner: ModusCreateOrg
- Created: 2016-03-01T11:45:48.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2023-04-17T02:00:34.000Z (about 2 years ago)
- Last Synced: 2025-03-30T15:11:10.328Z (23 days ago)
- Topics: chunk, hmr, offline, pre-cache, pre-load, preloading, react, react-router, service-worker, splitting, tree-shaking, webpack, webpack2
- Language: JavaScript
- Size: 373 KB
- Stars: 295
- Watchers: 13
- Forks: 65
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Router Dynamic Route Loading w/ Webpack 2 Chunks
Webpack 2 automatically splits routes in chunks (small bundles) and loads them on demand.
[See the demo](https://budget.modus.app/)
## Contains
- [x] [Webpack 2.2](https://webpack.github.io)
- [x] [React 0.15](https://facebook.github.io/react/)
- [x] [Babel 6.x](https://babeljs.io/)
## Features
- [x] Tree shaking
- [x] Code Splitting
- [x] Hot Module Replacement
- [x] ES6 Source debugging in Chrome with sourcemaps
- [x] React Router
- [x] Yarn-friendly
##System Requirements
Before installing the dependencies, make sure your system has the correct Node and Npm versions, otherwise you will get errors.
- Node 6.x.x
- Npm 3.x.x
## Setup
```
$ npm install
```
## Running
```
$ npm start
```
## Build
```
$ npm run build
```