All Projects → ModusCreateOrg → React Dynamic Route Loading Es6

ModusCreateOrg / React Dynamic Route Loading Es6

Auto chunking and dynamic loading of routes with React Router and Webpack 2

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Dynamic Route Loading Es6

Budgeting
Budgeting - React + Redux + Webpack (tree shaking) Sample App
Stars: ✭ 971 (+226.94%)
Mutual labels:  webpack, webpack2, tree-shaking, react-router, service-worker
Webpack Core Usage
webpack2完整系列课程,欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket
Stars: ✭ 94 (-68.35%)
Mutual labels:  webpack, webpack2, hmr, tree-shaking, react-router
React Ssr Setup
React Starter Project with Webpack 4, Babel 7, TypeScript, CSS Modules, Server Side Rendering, i18n and some more niceties
Stars: ✭ 678 (+128.28%)
Mutual labels:  webpack, hmr, react-router
angular-webpack-skeleton
This project is deprecated. Please refer to https://github.com/Ks89/angular-cli-skeleton
Stars: ✭ 16 (-94.61%)
Mutual labels:  service-worker, webpack2, tree-shaking
React Dashboard
🔥React Dashboard - isomorphic admin dashboard template (React.js, Bootstrap, Node.js, GraphQL, React Router, Babel, Webpack, Browsersync) 🔥
Stars: ✭ 1,268 (+326.94%)
Mutual labels:  webpack, hmr, react-router
generator-sf
Yeoman generator that scaffolds out a Symfony PHP app including Browsersync, various CSS preprocessors, jspm, webpack, browserify and Service Worker
Stars: ✭ 14 (-95.29%)
Mutual labels:  offline, service-worker, hmr
React Study
渐进式学习React生态圈
Stars: ✭ 548 (+84.51%)
Mutual labels:  webpack, hmr, react-router
Serverless Plugin Webpack
Serverless Plugin Webpack
Stars: ✭ 72 (-75.76%)
Mutual labels:  webpack, webpack2, tree-shaking
Reeakt
A modern React boilerplate to awesome web applications
Stars: ✭ 116 (-60.94%)
Mutual labels:  webpack, hmr, react-router
Monitaure
🔔 A server uptime monitoring progressive web application - NO LONGER MAINTAINED
Stars: ✭ 135 (-54.55%)
Mutual labels:  webpack, react-router, service-worker
Offline Plugin
Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)
Stars: ✭ 4,444 (+1396.3%)
Mutual labels:  webpack, offline, service-worker
Template Rwb
A full-featured Webpack setup with hot-reload
Stars: ✭ 165 (-44.44%)
Mutual labels:  webpack, hmr, react-router
React Router Server
Server Side Rendering library for React Router v4.
Stars: ✭ 443 (+49.16%)
Mutual labels:  webpack, webpack2, react-router
Vue Wordpress Pwa
An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps
Stars: ✭ 665 (+123.91%)
Mutual labels:  webpack, offline, service-worker
Productivity Frontend
Productivity Application - Kanban Style Productivity Management Application with Customizable Boards, Lists and Cards to Make You More Productive.
Stars: ✭ 234 (-21.21%)
Mutual labels:  webpack2, react-router, service-worker
Cookiecutter Webpack
Boilerplate for webpack 2, babel, react + redux + hmr, and karma. Can be inserted into existing django projects.
Stars: ✭ 87 (-70.71%)
Mutual labels:  webpack, webpack2, hmr
React Redux Styled Hot Universal
react boilerplate used best practices and focus on performance
Stars: ✭ 147 (-50.51%)
Mutual labels:  webpack, webpack2, react-router
Html Res Webpack Plugin
plugin for generating html in webpack
Stars: ✭ 170 (-42.76%)
Mutual labels:  webpack, webpack2, chunk
react-starter
Starter kit for React.
Stars: ✭ 16 (-94.61%)
Mutual labels:  react-router, webpack2
service-workers-offline
Code for the Service Workers / PWA section of the Service Workers & Offline course by Kyle Simpson
Stars: ✭ 99 (-66.67%)
Mutual labels:  offline, service-worker

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

Contains

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].