Angular Redux

Official Angular bindings for Redux. Performant and flexible.

Installation

Angular Redux requires Angular 19 or later.

Installing with ng add

You can install the Store to your project with the following ng add command (details here):

ng add @reduxjs/angular-redux@latest

Optional ng add flags

| flag | description | value type | default value | | ------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------- | ------------- | | --path | Path to the module that you wish to add the import for the StoreModule to. | string | | --project | Name of the project defined in your angular.json to help locating the module to add the provideRedux to. | string | | --module | Name of file containing the module that you wish to add the import for the provideRedux to. Can also include the relative path to the file. For example, src/app/app.module.ts. | string | app | | --storePath | The file path to create the state in. | string | store |

This command will automate the following steps:

1. Update package.json > dependencies with Redux, Redux Toolkit, and Angular Redux
2. Run npm install to install those dependencies.
3. Update your src/app/app.module.ts > imports array with provideRedux({store})
4. If the project is using a standalone bootstrap, it adds provideRedux({store}) into the application config.

Installing with npm or yarn

To use React Redux with your Angular app, install it as a dependency:

# If you use npm:
npm install @reduxjs/angular-redux

# Or if you use Yarn:
yarn add @reduxjs/angular-redux

You'll also need to install Redux and set up a Redux store in your app.

Documentation

The React Redux docs are published at https://angular-redux.js.org .

License

MIT