Angular Best Practices Signalstore

alfredoperez/angular-best-practices/skills/angular-best-practices-signalstore

作者 alfredopereza499a4786182097a500dd2fb6ddc2489caee3854MIT37 个星标收录于 2026年10月9日更新于 2026年10月9日仓库6个月前更新

NgRx SignalStore best practices for Angular. Covers shared state, computed state, entity management, and RxJS integration with rxMethod. Activates when working with @ngrx/signals and @ngrx/signals/entities. Do not use for NgRx Store or class-based state services. Install alongside angular-best-practices for full coverage.

已归档仅含说明Software Development
AI 生成的概览

面向 Angular 的 NgRx SignalStore 最佳实践指南，涵盖共享状态、计算状态、实体管理与 RxJS 集成。

功能
该技能提供在 Angular 应用中使用 NgRx SignalStore 的最佳实践规则。内容涵盖基于信号的共享状态、通过 withComputed 派生的状态、使用 withEntities 管理集合，以及通过 rxMethod 集成 RxJS 副作用。它是仅含说明的附加技能，需与核心 Angular 最佳实践技能一同安装。
适用场景
适用于创建或修改基于 SignalStore 的状态管理、使用 rxMethod 集成 RxJS 副作用，或使用 withEntities 管理集合的场景。不适用于 NgRx Store 或基于类的状态服务。
运行要求
无需脚本或工具，仅为说明性技能文档。假定项目为使用 @ngrx/signals 与 @ngrx/signals/entities 的 Angular 项目，并设计为与核心 angular-best-practices 技能一同安装。

Angular SignalStore Best Practices

NgRx SignalStore rules for signal-based local and feature state management. Use with the core angular-best-practices skill for comprehensive Angular coverage.

Links

When to Apply

  • Creating or modifying SignalStore-based state management
  • Integrating RxJS side effects with rxMethod
  • Managing collections with withEntities

Rules

RuleImpactDescription
Use rxMethod for RxJS IntegrationMEDIUMDebounce, switchMap, and other RxJS operators in stores
Use SignalStore for Shared StateHIGHSignal-based reactivity without full NgRx overhead
Use withComputed for Derived StateMEDIUMCentralized memoized derivation logic
Use withEntities for CollectionsMEDIUMO(1) lookups and standardized CRUD operations

Install

Install from skills.sh/alfredoperez/angular-best-practices:

来源与署名

来源：alfredoperez/angular-best-practices位于skills/angular-best-practices-signalstore提交a499a47

许可证： MIT

内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。

举报或申请下架

更多来自 alfredoperez/angular-best-practices 的技能

Angular Best Practices Primeng

alfredoperez

Angular 的 PrimeNG 最佳实践：可摇树优化的导入、懒加载表格，以及使用设计令牌的 Aura/Lara 主题。

已归档
Software Development376个月前更新

Angular Best Practices Ngrx

alfredoperez

Angular 的 NgRx 状态管理最佳实践，涵盖 reducer、effect、selector 与实体适配器。

已归档
Software Development376个月前更新

Angular Best Practices Material

alfredoperez

Angular Material 与 CDK 最佳实践规则，涵盖按需导入、M3 主题、CDK 工具与组件测试 harness。

已归档
Software Development376个月前更新

Angular Best Practices

alfredoperez

提供 Angular 17+ 现代最佳实践指南，涵盖信号、模板、RxJS、性能、SSR、测试与无障碍。

已归档
Software Development376个月前更新

更多Software Development技能

Playground

anthropics

精选

构建自包含的交互式 HTML 演练场，包含控件、实时预览和可复制的提示词输出。

Software Development37K今天更新

M5 Onboard

anthropics

精选

通过 USB 检测 M5Stack ESP32 开发板，刷写 UIFlow 2.0 固件并安装 MicroPython 应用包。

Software Development37K今天更新

Cardputer Buddy

anthropics

精选

指导迭代 Cardputer-Adv 的 MicroPython 应用包：添加应用、通过 USB 串口推送文件、查看日志并运行 REPL 命令。

Software Development37K今天更新

Web Design Guidelines

vercel-labs

精选

依据从远程来源获取的 Web Interface Guidelines 审查 UI 代码，并以 file:line 形式报告问题。

Software Development32K6周前更新

Vercel React Native Skills

vercel-labs

精选

React Native 与 Expo 最佳实践规则，涵盖列表性能、动画、导航、UI 模式、状态与 monorepo 配置。

Software Development32K6周前更新

Vercel React Best Practices

vercel-labs

精选

Vercel 的 React 与 Next.js 性能指南，以 70 条规则的形式用于编写、审查和重构代码。

Software Development32K6周前更新