react-redux is the official React bindings for Redux, a popular state management library in the React ecosystem. It provides a way to connect React components to the Redux store and access the state and dispatch actions. React-Redux simplifies the process of integrating Redux with React applications and helps manage application state efficiently.
While React-Redux is widely used for state management in React applications, there are other alternatives available in the ecosystem:
- mobx-react is a library that integrates MobX, another state management library, with React. MobX provides a different approach to state management compared to Redux, focusing on observables and reactive programming.
- redux-saga is a middleware library for Redux that enables side effects like asynchronous data fetching and more complex state management logic. Redux-Saga works well with Redux to handle asynchronous actions in a more structured way.
For a comparison of mobx-react, react-redux, and redux-saga, check out this link: Comparing mobx-react vs react-redux vs redux-saga.
React Redux
Official React bindings for Redux.
Performant and flexible.
Installation
Create a React Redux App
The recommended way to start new apps with React and Redux is by using our official Redux+TS template for Vite, or by creating a new Next.js project using Next's with-redux
template.
Both of these already have Redux Toolkit and React-Redux configured appropriately for that build tool, and come with a small example app that demonstrates how to use several of Redux Toolkit's features.
# Vite with our Redux+TS template
# (using the `degit` tool to clone and extract the template)
npx degit reduxjs/redux-templates/packages/vite-template-redux my-app
# Next.js using the `with-redux` template
npx create-next-app --example with-redux my-app
An Existing React App
React Redux 8.0 requires React 16.8.3 or later (or React Native 0.59 or later).
To use React Redux with your React app, install it as a dependency:
# If you use npm:
npm install react-redux
# Or if you use Yarn:
yarn add react-redux
You'll also need to install Redux and set up a Redux store in your app.
This assumes that you’re using npm package manager
with a module bundler like Webpack or
Browserify to consume CommonJS
modules.
If you don’t yet use npm or a modern module bundler, and would rather prefer a single-file UMD build that makes ReactRedux
available as a global object, you can grab a pre-built version from cdnjs. We don’t recommend this approach for any serious application, as most of the libraries complementary to Redux are only available on npm.
Documentation
The React Redux docs are published at https://react-redux.js.org .
How Does It Work?
The post The History and Implementation of React-Redux
explains what it does, how it works, and how the API and implementation have evolved over time.
There's also a Deep Dive into React-Redux talk that covers some of the same material at a higher level.
License
MIT