关于 angular-best-practices-signalstore
面向 Angular 开发者的 NgRx SignalStore 实践指南,涵盖基于信号的本地与功能状态管理。它补充 angular-best-practices,聚焦共享状态、RxJS 副作用、派生状态和实体集合。
主要功能
- 01共享状态的 SignalStore 指南
- 02使用 rxMethod 集成 RxJS
- 03使用 withComputed 派生状态
- 04使用 withEntities 管理集合
适用场景
- 01创建或修改 SignalStore 状态
- 02为 Store 添加 RxJS 副作用
- 03派生记忆化状态
- 04管理实体集合
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ alfredoperez/ angular-best-practices --skill angular-best-practices-signalstore安装后在 Claude Code 中输入/angular-best-practices-signalstore确认已加载。
附带文件AGENTS.md
详细介绍
Angular SignalStore 最佳实践
NgRx SignalStore 规则,适用于基于 signal 的本地状态和功能状态管理。与核心 angular-best-practices 技能搭配使用,可全面覆盖 Angular。
链接
适用场景
- 创建或修改基于 SignalStore 的状态管理
- 使用
rxMethod集成 RxJS 副作用 - 使用
withEntities管理集合
规则
| 规则 | 影响 | 描述 |
|---|---|---|
| 使用 rxMethod 集成 RxJS | MEDIUM | 在 store 中使用防抖、switchMap 和其他 RxJS 操作符 |
| 使用 SignalStore 管理共享状态 | HIGH | 实现基于 signal 的响应式,无需承担完整 NgRx 的开销 |
| 使用 withComputed 派生状态 | MEDIUM | 集中管理记忆化的派生逻辑 |
| 使用 withEntities 管理集合 | MEDIUM | 实现 O(1) 查找和标准化 CRUD 操作 |
安装
评论
支持 Markdown