|
|
|
|
|
# React Redux
|
|
|
|
|
|
|
|
|
|
|
|
Official React bindings for [Redux](https://github.com/reduxjs/redux).
|
|
|
|
|
|
Performant and flexible.
|
|
|
|
|
|
|
|
|
|
|
|
 [](https://www.npmjs.com/package/react-redux)
|
|
|
|
|
|
[](https://www.npmjs.com/package/react-redux)
|
|
|
|
|
|
[](http://www.reactiflux.com)
|
|
|
|
|
|
|
|
|
|
|
|
## Installation
|
|
|
|
|
|
|
|
|
|
|
|
### Using Create React App
|
|
|
|
|
|
|
|
|
|
|
|
The recommended way to start new apps with React Redux is by using the [official Redux+JS/TS templates](https://github.com/reduxjs/cra-template-redux) for [Create React App](https://github.com/facebook/create-react-app), which takes advantage of [Redux Toolkit](https://redux-toolkit.js.org/).
|
|
|
|
|
|
|
|
|
|
|
|
```sh
|
|
|
|
|
|
# JS
|
|
|
|
|
|
npx create-react-app my-app --template redux
|
|
|
|
|
|
|
|
|
|
|
|
# TS
|
|
|
|
|
|
npx create-react-app my-app --template redux-typescript
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
### 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:
|
|
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
|
# If you use npm:
|
|
|
|
|
|
npm install react-redux
|
|
|
|
|
|
|
|
|
|
|
|
# Or if you use Yarn:
|
|
|
|
|
|
yarn add react-redux
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
You'll also need to [install Redux](https://redux.js.org/introduction/installation) and [set up a Redux store](https://redux.js.org/recipes/configuring-your-store/) in your app.
|
|
|
|
|
|
|
|
|
|
|
|
This assumes that you’re using [npm](http://npmjs.com/) package manager
|
|
|
|
|
|
with a module bundler like [Webpack](https://webpack.js.org/) or
|
|
|
|
|
|
[Browserify](http://browserify.org/) to consume [CommonJS
|
|
|
|
|
|
modules](https://webpack.js.org/api/module-methods/#commonjs).
|
|
|
|
|
|
|
|
|
|
|
|
If you don’t yet use [npm](http://npmjs.com/) or a modern module bundler, and would rather prefer a single-file [UMD](https://github.com/umdjs/umd) build that makes `ReactRedux` available as a global object, you can grab a pre-built version from [cdnjs](https://cdnjs.com/libraries/react-redux). We _don’t_ recommend this approach for any serious application, as most of the libraries complementary to Redux are only available on [npm](http://npmjs.com/).
|
|
|
|
|
|
|
|
|
|
|
|
## 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](https://blog.isquaredsoftware.com/2018/11/react-redux-history-implementation/)
|
|
|
|
|
|
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](https://blog.isquaredsoftware.com/2019/06/presentation-react-redux-deep-dive/) talk that covers some of the same material at a higher level.
|
|
|
|
|
|
|
|
|
|
|
|
## License
|
|
|
|
|
|
|
|
|
|
|
|
[MIT](LICENSE.md)
|
