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 Development32K5 週前更新

Vercel React Native Skills

vercel-labs

精選

React Native 與 Expo 最佳實務規則，涵蓋清單效能、動畫、導覽、UI 模式、狀態與 monorepo 設定。

Software Development32K5 週前更新

Vercel React Best Practices

vercel-labs

精選

Vercel 的 React 與 Next.js 效能指南，以 70 條規則的形式用於撰寫、審查與重構程式碼。

Software Development32K5 週前更新