NgRx，一个基于RxJS的Angular反应式扩展平台，发布了它的第10个主要迭代版本，包含了一个用于本地状态管理的新组件存储包。新包对用于应用程序状态管理的NgRx存储进行了扩展。此外，一个新的实验性NgRx组件包为开发人员开发Angular无分区应用程序提供支持，它利用了Angular Ivy的能力，以此来获得更好的性能。

Brandon Roberts在NgRx的发布说明中解释了新的本地组件存储所带来的价值：

NgRx Store用于在全局应用程序级别管理来自多个不同来源的复杂状态。在某些情况下，用户希望以统一的方式在本地管理状态，不需要间接的操作、reducer和effects。我们设计了一个新的包来处理本地级别的状态，同时提供与NgRx Store类似的好处。

NgRx应用程序的架构围绕着四个关键概念，这些概念让人联想到Redux或Elm的架构。动作会捕获事件，无论事件是来自用户或来自其他接口系统(例如套接字或REST服务器)：

import { createAction, props } from '@ngrx/store';
export const login = createAction(
  '[Login Page] Login',
  props<{ username: string; password: string }>()
); 

事件处理器通常分派用户触发的动作(即上述代码示例中的login)：