Official Angular bindings for Redux. Performant and flexible.
Warning
This package is in alpha and is rapidly developing.
Angular Redux requires Angular 17.3 or later.
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-reduxYou'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.
The following Angular component works as-expected:
import { Component } from '@angular/core' import { injectSelector, injectDispatch } from "@reduxjs/angular-redux"; import { decrement, increment } from './store/counter-slice' import { RootState } from './store' @Component({ selector: 'app-root', standalone: true, template: ` <button (click)="dispatch(increment())"> Increment </button> <span>{{ count() }}</span> <button (click)="dispatch(decrement())"> Decrement </button> ` }) export class AppComponent { count = injectSelector((state: RootState) => state.counter.value) dispatch = injectDispatch() increment = increment decrement = decrement }