Overview
The cra-redux-saga is a bare bones Create React App boilerplate that integrates Redux, Redux Saga, and Connected React Router. It provides a starting point for building React applications with state management and asynchronous actions.
Features
- Redux integration: Allows for centralized state management in the application.
- Redux Saga integration: Enables handling of asynchronous actions and side effects in a more organized and scalable way.
- Connected React Router integration: Provides a way to synchronize the application’s state with the router location and enables the usage of React Router in conjunction with Redux.
Installation
To install the cra-redux-saga boilerplate, follow these steps:
- Clone the repository:
git clone <repository_url> - Move into the project directory:
cd <project_directory> - Install the required dependencies:
npm install @testing-library/jest-dom@^4.2.4
npm install @testing-library/react@^9.3.2
npm install @testing-library/user-event@^7.1.2
npm install axios@^0.19.2
npm install connected-react-router@^6.7.0
npm install react@^16.12.0
npm install react-dom@^16.12.0
npm install react-redux@^7.1.3
npm install react-router@^5.1.2
npm install react-router-dom@^5.1.2
npm install react-scripts@3.4.0
npm install redux@^4.0.5
npm install redux-devtools-extension@^2.13.8
npm install redux-saga@^1.1.3
Summary
The cra-redux-saga boilerplate provides a solid foundation for building React applications with integrated Redux, Redux Saga, and Connected React Router. It simplifies the setup process and allows developers to quickly start building applications with state management and asynchronous action handling.