2.1.2.2 Advanced Boilerplate

• Advanced Boilerplate on GitHub

"React project template with advanced Webpack setup."

1. Objective

   While the original Pro React book App Boilerplate is purposefully simple to show the minimal setup needed to create React projects with Webpack and Babel, this is a more complete setup. It is based on the Appendix A (entirelly dedicated to Webpack) and features

   • JavaScript and CSS bundling,
   • Hot Module Replacement,
   • automatic HTML generation and
   • a separate production configuration with optimization and caching.
2. Usage
   1. Clone this repository

      git clone git@github.com:pro-react/react-app-advanced-boilerplate.git
      

   2. Install

      npm install
      

   3. Start the application in development mode

      npm start
      

      • Open http://localhost:8080 in your browser.
      • Static files are served from the public folder,
      • project JavaScript files are bundled from the app folder.
   4. Build for production

      npm run build
      

      • This will generate a minimized bundle.js file in the build folder.