My Own React Webpack 4 Boilerplate

This is created as a learning journey of Webpack 4 with recommended configs from the official documentation and blog posts listed below. This will always be work in progress as I will keep learning more optimized configs and recommended setups. This is also created with libraries I often use for any React/GraphQL project.

What's included

• React
• React Router
• Apollo client 2
• Webpack 4
• React-loadable
• styled-components

Features

• babel-preset-stage-2
• babel-polyfill for async/await
• Hot reload
• Dynamic import (components and routes)
• Code splitting

Instructions

• npm install (yarn install)
• npm start (yarn start)

Special thanks to

• Official guide of Webpack
• webpack 4: Code Splitting, chunk graph and the splitChunks optimization
• How to build your own React boilerplate
• Webpack 4 in production: How to make your life easier
• Webpack 4 Course