react boilerplate

Basic boilerplate and tooling for React application development - including Webpack2, Babel, ESLint and Sass

JavaScript

React Boilerplate

A super simple way to start using React.

Why use it?

This boilerplate provides the whole tooling you need to start a new React application: Webpack, Babel and a dev server. It also includes ESLint and Sass and it’s production-ready!

Install

$ git clone https://github.com/cesarcosta99/react-boilerplate
$ npm install
$ npm start

Tip: you can use Yarn to install dependencies faster!

After npm start the project will be running at http://localhost:8080.

Build

The build results in three main files: index.html, app.bundle.js and main.min.css:

$ npm run build

Guidelines

Below there are some instructions about the tooling:

Styleguide

Since there is Babel in the tooling, ES2015 is supported, and by default, ESLint is checking for standard style. You can change this by editing .eslintrc.js.

Dashboard

You can look for any useful information, like what’s happening with your build, when you perform npm start since it’s running webpack-dashboard.

Sass

Since sass-loader it’s using sass/libsass and it does not provide url rewriting, all linked assets must be relative to the output.