Overview

The React Boilerplate (Simplified) is a production-grade boilerplate project for React. It is designed to be highly scalable and performance focused, following best practices in React development. The project is set up without using create-react-app to keep it simple. It includes setups for React, Webpack, Babel, Eslint, Prettier, Husky, and Sonarcube scanner.

Features

• React Project: Set up from scratch using npm init instead of create-react-app.
• Webpack and Babel: Configured for bundling and transpiling the project.
• Eslint and Prettier: Integrated for code formatting and maintaining code quality.
• Husky: Pre-commit Git hooks to ensure code quality before committing.
• Sonarcube scanner: Local setup for code scanning and analysis.

Installation

To set up this React Boilerplate (Simplified) project, follow these steps:

1. Clone or fork this repository.
2. Install the required node_modules and other dependencies by running the following command:

npm install

3. Build the project by running the following command:

For development build:

npm run build:dev

For production build:

npm run build:prod

4. To run the project on your local machine, use the following command:

npm start

Enjoy using the React Boilerplate (Simplified) for your projects!

Note: A detailed guide for setting up this Simple React Boilerplate will be available soon. In the meantime, you can clone or fork this project to start using it in your own projects.

Summary

The React Boilerplate (Simplified) is a highly scalable and performance-focused boilerplate project for React. It includes setups for React, Webpack, Babel, Eslint, Prettier, Husky, and Sonarcube scanner. The installation process is straightforward, requiring the cloning or forking of the repository and running a few commands to install dependencies, build the project, and run it locally.