mcpField
A
angular-best-practices-signalstore

angular-best-practices-signalstore

github.com/alfredoperez开发36574 次安装31 周前更新
代码仓库

关于 angular-best-practices-signalstore

面向 Angular 开发者的 NgRx SignalStore 实践指南,涵盖基于信号的本地与功能状态管理。它补充 angular-best-practices,聚焦共享状态、RxJS 副作用、派生状态和实体集合。

主要功能

  1. 01共享状态的 SignalStore 指南
  2. 02使用 rxMethod 集成 RxJS
  3. 03使用 withComputed 派生状态
  4. 04使用 withEntities 管理集合

适用场景

  1. 01创建或修改 SignalStore 状态
  2. 02为 Store 添加 RxJS 副作用
  3. 03派生记忆化状态
  4. 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 集成 RxJSMEDIUM在 store 中使用防抖、switchMap 和其他 RxJS 操作符
使用 SignalStore 管理共享状态HIGH实现基于 signal 的响应式,无需承担完整 NgRx 的开销
使用 withComputed 派生状态MEDIUM集中管理记忆化的派生逻辑
使用 withEntities 管理集合MEDIUM实现 O(1) 查找和标准化 CRUD 操作

安装

从 skills.sh/alfredoperez/angular-best-practices 安装:

评论

支持 Markdown