A minimal react boilerplate with webpack 4, babel v7 and sass support.
Webpack 4 - All the good things from Webpack 4 including faster builds.
ESLint ( with prettier config ) - give the configuration a shot and thank me later.
Husky - Pre-commit lint check for staged files to ensure
💩-code is never commited.
CSS and SASS support.
Easy and cleaner imports with babel module resolver.
For example, if you have a directory structure like this:
src -- components -- config ---- secret-config.js -- pages ---- home ------ index.js
You can import
index.js as :
import config from "config/secret-config.js";
Environment files - environment variable imports are already configured and added! Just create
production.env( inside config directory ) with your environment variables and start using them in your app!
Snapshots and DOM testing - Includes DOM testing with Jest and react-testing-library and also includes snapshot test examples with Jest. ( Bonus: CI configuration included for TravisCI )
- Clone the repository via SSH :
$ git clone firstname.lastname@example.org:rishichawda/minimal-react-boilerplate.git
or HTTPS :
$ git clone https://github.com/rishichawda/minimal-react-boilerplate.git
$ cd minimal-react-boilerplate $ npm install
Unfamiliar with git?
Simply click here to download the zip. Extract the .zip file and run the following commands inside the directory.
$ npm install $ npm run start
To start the development server :
$ npm run start
To generate production build :
$ npm run build