react-starter-boilerplate-hmr

React Starter Boilerplate with Hot Module Replacement and Webpack 4

Features

• React 16
• React Router 4
• Semantic UI as the CSS Framework
• Hot Module Replacement
• CSS Autoprefixer
• CSS Modules with SourceMap
• @babel/plugin-proposal-class-properties
• @babel/plugin-syntax-dynamic-import
• Webpack 4
• Code splitting by Route and Vendor
• Webpack Bundle Analyzer
• Take a look at package.json

Usage

Install dependencies

$ yarn

Run development server

$ yarn dev

Building

$ yarn build

Will create a dist directory containing your compiled code.

Depending on your needs, you might want to do more optimization to the production build.

Webpack Bundle Analyzer

Run in development

$ yarn dev:bundleanalyzer

Run on the production oprimized build

$ yarn build:bundleanalyzer

Tutorial

Visit my blog entry where I go step-by-step on how to build this boilerplate from scratch.

Giving Back

If you would like to support my work and the time I put in making tutorials, you can click the image below to get me a coffee. I would really appreciate it (but is not required).

-Esau Silva