/react-starter-boilerplate-hmr

React starter boilerplate with Hot Module Replacement, React 16 and Webpack 4

Primary LanguageJavaScriptMIT LicenseMIT

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
  • Stage 1 Preset
  • 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 https://esausilva.com/2018/01/13/learn-webpack-for-react/

-Esau Silva