React Boilerplate

Overview

This is a React Redux boilerplate with Webpack and Hot Module Replacement configuration. It is a simple React boilerplate with features such as Redux, React Router, Hot Module Replacement, CSS Modules, and more. It also includes CSS and JavaScript linters with the AirBnB style guide and ESLint configurations. The boilerplate is built for development and can be easily prepared for production. There are plans to integrate Jest for testing and Storybook for UI development. The data layer currently uses standard fetch, but there are plans to integrate GraphQL/Apollo in a separate boilerplate.

Features

• React Boilerplate
• Redux
• Webpack 2
• React Router 4
• Hot Module Replacement
• PostCSS and Scss
• CSS Modules
• React CSS Modules

Installation

To install the React Redux boilerplate, follow these steps:

1. Clone the repository:

git clone [repository-url]

2. Install dependencies by running the following command in the project directory:

npm install

3. Start the development server:

npm start

4. Open your browser and go to http://localhost:3000 to view the application.

To prepare the production files, run the following command:

npm run build

This will bundle and save all the needed files (javascript, css, images, html) in the public folder.

To lint the project, you can run the following command:

npm run lint

You can also use editor plugins for linting.

Summary

The React Redux boilerplate provides a ready-to-use setup for building React applications. It includes key features such as Redux, React Router, Hot Module Replacement, and CSS Modules. The boilerplate also includes linters for CSS and JavaScript, making it easier to maintain code quality. There are plans for future integrations such as Jest for testing and Storybook for UI development. Overall, this boilerplate provides a solid foundation for developing React applications.