mcpField
N
ngrx

ngrx

github.com/angular-experts-io开发1450 次安装23 周前更新
代码仓库

关于 ngrx

面向 Angular 应用 NgRx 状态管理工作的技能指南,涵盖状态建模、选择器、reducer 和副作用等开发任务,并强调不可变更新。

主要功能

  1. 01指导 NgRx 状态架构与建模
  2. 02编写和测试选择器与 reducer
  3. 03处理副作用及路由状态
  4. 04强调不可变状态更新

适用场景

  1. 01规划 Angular 应用状态边界
  2. 02实现并测试状态选择器
  3. 03根据路由参数加载数据

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/angular-experts-io/ax-skills --skill ngrx

安装后在 Claude Code 中输入/ngrx确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

references/
architecture.md
consuming-observable-data-sources.md
effects.md
reducers.md
router-store.md
selectors.md
state-modeling.md
state-slice.md
store.md

详细介绍

NgRx

在 Angular 应用中处理 NgRx 状态管理时使用此技能。

通用

  • 不可变更新:始终以不可变方式更新状态。发生变化时重新创建对象和数组,绝不在任何嵌套层级进行变更。优先使用 JavaScript 的 ... 展开运算符以及 map()、filter() 和 reduce() 等不可变数组方法。

参考资料

  • 有关状态管理架构和读写边界,请阅读 architecture.md。
  • 有关状态可序列化性、持久化状态、客户端状态、瞬态状态、本地 UI 状态和错误建模,请阅读 state-modeling.md。
  • 有关全局 store 的运行时检查注册与配置,请阅读 store.md。
  • 有关创建状态切片、将现有状态切片提取到 core 以便在相互隔离的惰性功能之间共享,以及拆分状态切片,请阅读 state-slice.md。
  • 有关创建或更改选择器、在容器组件中使用状态以及测试选择器,请阅读 selectors.md。
  • 有关实现 reducer、在隔离的处理器与单个处理器中处理事件,以及测试 reducer,请阅读 reducers.md。
  • 有关副作用,例如后端请求、导航、深度链接、从 URL 反映和使用状态、滚动、根据 URL 路径参数加载数据,以及测试副作用,请阅读 effects.md。
  • 有关使用 NgRx router-store 读取路由器状态、注册 router-store 或创建路由器选择器工厂,请阅读 router-store.md。
  • 有关使用可观测数据源(例如来自我们无法控制的服务的数据源),以及通过选择器公开数据,使其能够与应用的其余状态组合,请阅读 consuming-observable-data-sources.md。

评论

支持 Markdown