29

NgRx 10 引入组件本地状态管理包

 4 years ago
source link: https://www.infoq.cn/article/5tLhmOXDvi7H1PfGdiIg
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

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 }>()

); 


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK