关于 ngrx
面向 Angular 应用 NgRx 状态管理工作的技能指南,涵盖状态建模、选择器、reducer 和副作用等开发任务,并强调不可变更新。
主要功能
- 01指导 NgRx 状态架构与建模
- 02编写和测试选择器与 reducer
- 03处理副作用及路由状态
- 04强调不可变状态更新
适用场景
- 01规划 Angular 应用状态边界
- 02实现并测试状态选择器
- 03根据路由参数加载数据
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ angular-experts-io/ ax-skills --skill ngrx安装后在 Claude Code 中输入/ngrx确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
references/architecture.mdconsuming-observable-data-sources.mdeffects.mdreducers.mdrouter-store.mdselectors.mdstate-modeling.mdstate-slice.mdstore.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