The best boilerplate for your React projects.
This boilerplate contains all you need to start your next React.js project. Simple, robust, well-organized, all you need to do is clone, install and you're ready to start.
I wrote a article for anyone who wants to learn how to build this boilerplate, if you want to learn just click here.
Check out the lite version here
This boilerplate features all the latest tools and practices in the industry.
- ⚛ React — 16.12.0 with Hooks
- ♻ Redux with Redux Thunk — State Management with middleware to handle async requests
- 🛠 Babel — ES6 syntax, Airbnb & React/Recommended config
- 🚀 Webpack — Hot Reloading, Code Splitting, Optimized Build
- 💅 CSS — Styled Components, CSS, Sass
- ✅ Tests — Jest, React Testing Library & Cypress
- 💖 Lint — ESlint
- 🐶 Husky — Prevent bad commits
- Clone this repo using
https://github.com/leonardomso/react-bolt.git
- Move to the appropriate directory:
cd react-bolt
. - Run
yarn
ornpm install
to install dependencies. - Run
npm start
to see the example app athttp://localhost:8080
.
npm start
- start the dev servernpm run build
- create a production ready build indist
foldernpm run lint
- execute an eslint checknpm run lint:fix
- execute an eslint and fix the errorsnpm test
- run all testsnpm run test:watch
- run all tests in watch modenpm run test:cover
- coverage modenpm run cypress:open
- starts cypress
- Hot Module Replacement: Better HMR support;
- CSS/Sass support: Enable CSS/Sass support;
- PWA: Turn into a PWA boilerplate;
- SEO: SEO-ready;
MIT license, Copyright (c) 2018 Leonardo Maldonado.