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