asdelday / react-simple-boilerplate

A Simple React Boilerplate

react-simple-boilerplate

A simple React starter boilerplate

Table of Contents

1. Installation
2. Developing
3. Building
   • 3.1. Normal build
   • 3.2. Building with stats
4. Linting
5. Dependencies

---

1. Installation

Install all the dependencies for the project.

npm install

2. Developing

Creates a bundle and a develop server with the app and hot reload.

It will create a linter watcher in es6 files.

npm start
open http://localhost:3000

3. Building

3.1 Normal build

The build process will generate the minified files for a production enviroment. These files will be saved into the build folder.

It will generate a .js file for the vendor libraries (installed as dependencies at the package.json) with vendor.[hash].js name.

The app .js file with app.[hash].js name.

And the styles with styles.[hash].css.

It will also generate the respective map file for each one.

npm run build

3.2 Building with stats

Building in this way, it will generate a stats.json file with webpack build details.

These files can be uploaded to webpack analyse tool for a more detailed visual info.

npm run stats

4. Linting

This boilerplate project includes React-friendly ESLint configuration.

npm run lint

5. Dependencies

• react
• react-dom