⚡ The most simple & robust boilerplate for your React projects.
Branch: master
Clone or download
Latest commit 361b857 Jan 28, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
config Do not double your webpack rules Jan 19, 2019
cypress Remaking the boilerplate Nov 2, 2018
src Add Safari & Firefox support Jan 10, 2019
tests Remaking the boilerplate Nov 2, 2018
.babelrc Remaking the boilerplate Nov 2, 2018
.eslintrc Add compose Jan 18, 2019
.gitignore Initial commit Jun 24, 2018
.prettierrc Remaking the boilerplate Nov 2, 2018
README.md Update README.md Dec 13, 2018
cypress.json Remaking the boilerplate Nov 2, 2018
package-lock.json Updating Jan 3, 2019
package.json Updating Jan 28, 2019
webpack.config.js Remaking the boilerplate Nov 2, 2018
yarn.lock

README.md


React Bolt

React Bolt

The best boilerplate for your React projects.

PRs Welcome License MIT


Introduction

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.

Features

This boilerplate features all the latest tools and practices in the industry.

  • React — 16.7.0-alpha.0 with Hooks
  • Redux — State Management
  • 🛠 Babel — ES6 syntax, Airbnb & React/Recommended config
  • 🚀 Webpack — Hot Reloading, Code Splitting, Optimized Build
  • 💅 CSS — Styled Components
  • Tests — Jest, React Testing Library & Cypress
  • 💖 Lint — ESlint
  • 🐶 Husky — Prevent bad commits

Getting started

  1. Clone this repo using https://github.com/leonardomso/react-bolt.git
  2. Move to the appropriate directory: cd react-bolt.
  3. Run yarn or npm install to install dependencies.
  4. Run npm start to see the example app at http://localhost:8080.

Commands

  • npm start - start the dev server
  • npm run build - create a production ready build in dist folder
  • npm run lint - execute an eslint check
  • npm run lint:fix - execute an eslint and fix the errors
  • npm test - run all tests
  • npm run test:watch - run all tests in watch mode
  • npm run test:cover - coverage mode
  • npm run cypress:open - starts cypress

Next features:

  • Hot Module Replacement: Better HMR support;
  • CSS/Sass support: Enable CSS/Sass support;
  • PWA: Turn into a PWA boilerplate;
  • SEO: SEO-ready;

License

MIT license, Copyright (c) 2018 Leonardo Maldonado.