# react-bolt

**Repository Path**: mirrors_leonardomso/react-bolt

## Basic Information

- **Project Name**: react-bolt
- **Description**: ⚡ The most simple & robust boilerplate for your React projects.
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-01-07
- **Last Updated**: 2026-01-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


<h1 align="center">
<br>
  <a href="https://github.com/leonardomso/react-bolt"><img src="https://i.imgur.com/GpQk5wG.png" alt="React Bolt" width=128"></a>
<br>
<br>
React Bolt
</h1>

<p align="center">The best boilerplate for your React projects.</p>

<p align="center">
  <a href="http://makeapullrequest.com">
    <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square" alt="PRs Welcome">
  </a>
  <a href="https://opensource.org/licenses/MIT">
    <img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="License MIT">
  </a>
</p>

<hr />

## 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](https://medium.freecodecamp.org/a-complete-react-boilerplate-tutorial-from-zero-to-hero-20023e086c4a).

Check out the lite version [here](https://github.com/dephraiim/react-bolt-lite)

## Features

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

## Getting started

1. Clone this repo using `https://github.com/leonardomso/react-bolt.git`
2. Move to the appropriate directory: `cd react-bolt`.<br />
3. Run `yarn` or `npm install` to install dependencies.<br />
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:

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

## License

MIT license, Copyright (c) 2018 Leonardo Maldonado.