Overview

The React-Redux-Saga Boilerplate is a development template that allows users to build React applications with Redux and Saga. It provides a set of dependencies and development tools to streamline the development process.

Features

• React: Supports React version 17.x.
• React-router-dom: Includes version 5.x of react-router-dom for easy routing in React applications.
• React-helmet-async: Uses version 1.x of react-helmet-async to manage document head tags asynchronously.
• Styled-components: Includes version 5.x of styled-components for styling React components.
• Redux: Utilizes version 4.x of Redux for centralized state management.
• Redux-saga: Uses version 1.x of Redux-saga for managing complex application side effects.
• Redux-persist: Includes version 6.x of Redux-persist for persisting and rehydrating state.
• Webpack-dev-server: Provides version 3.x of webpack-dev-server for local development server.
• React-refresh: Uses version 0.9 of react-refresh for fast module reloading during development.
• Redux-devtools: Includes Redux-devtools with browser plugin for debugging Redux state.
• Eslint: Uses version 7.x of eslint for code quality analysis.
• Stylelint: Includes version 13.x of stylelint for analyzing code styles.
• Jest: Utilizes version 26.x of Jest for unit testing React components.
• @Testing-library/react: Uses version 11.x of @testing-library/react for testing React components.
• Cypress: Includes version 6.x of Cypress for end-to-end testing.

Installation

To install the React-Redux-Saga Boilerplate, follow these steps:

1. Clone the repository:

git clone [repository-url]

2. Install dependencies:

cd [project-folder]
npm install

3. Start the local development server:

npm start

4. Build the production-ready bundle:

npm run build

5. Run linting checks:

npm run lint
npm run lint:styles

6. Run unit tests:

npm test
npm run test:watch

7. Run end-to-end tests:

npm run test:e2e

Summary

The React-Redux-Saga Boilerplate provides a comprehensive set of dependencies and development tools for building React applications with Redux and Saga. It includes features such as routing, styled-components for styling, Redux-persist for state persistence, and various testing libraries for ensuring code quality. Installation is straightforward with detailed instructions provided. With this boilerplate, developers can quickly start new projects and benefit from the efficient development and testing environment it provides.