https://github.com/leonardomso/react-bolt

⚡ The most simple & robust boilerplate for your React projects.
https://github.com/leonardomso/react-bolt

babel boilerplate css cypress eslint jest react redux robust styled-components webpack

Last synced: 10 days ago
JSON representation

⚡ The most simple & robust boilerplate for your React projects.

• Host: GitHub
• URL: https://github.com/leonardomso/react-bolt
• Owner: leonardomso
• Created: 2018-06-24T23:17:03.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T16:57:50.000Z (almost 2 years ago)
• Last Synced: 2024-10-14T09:19:35.967Z (22 days ago)
• Topics: babel, boilerplate, css, cypress, eslint, jest, react, redux, robust, styled-components, webpack
• Language: JavaScript
• Homepage:
• Size: 3.07 MB
• Stars: 321
• Watchers: 17
• Forks: 100
• Open Issues: 24
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        






  







React Bolt



The best boilerplate for your React projects.




  

    

  

  

    

  





## 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`.


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:

- [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.