Angular Best Practices Ngrx

alfredoperez/angular-best-practices/skills/angular-best-practices-ngrx

作者 alfredopereza499a4786182097a500dd2fb6ddc2489caee3854MIT37 個星標收錄於 2026年10月9日更新於 2026年10月9日儲存庫6 個月前更新

NgRx state management best practices for Angular. Covers pure reducers, action groups, entity adapter, selectors, and signal-based selection. Activates when working with @ngrx/store, @ngrx/effects, and @ngrx/entity. Do not use for Akita, NGXS, or standalone signal-based state. Install alongside angular-best-practices for full coverage.

已封存僅含說明Software Development
AI 產生的概覽

Angular 的 NgRx 狀態管理最佳實務,涵蓋 reducer、effect、selector 與實體轉接器。

功能
為 Angular 專案中的 NgRx 狀態管理提供規則指引,涵蓋純 reducer、action 分組、實體轉接器、selector 以及以 signal 為基礎的選取。它是配套技能,需與核心 Angular 最佳實務技能一起使用。產出的是建議性規則,而非程式碼成品。
適用情境
適用於新增或修改 NgRx store、reducer 或 effect,撰寫用於元件狀態選取的 selector,或使用 @ngrx/entity 管理集合時。不適用於 Akita、NGXS 或獨立的以 signal 為基礎的狀態。
執行需求
無需指令碼或執行階段相依性,僅為指示型技能。假定專案使用 @ngrx/store、@ngrx/effects 和 @ngrx/entity,並設計為與核心 angular-best-practices 技能一同安裝。

Angular NgRx Best Practices

NgRx state management rules for global state with actions, reducers, effects, and selectors. Use with the core angular-best-practices skill for comprehensive Angular coverage.

Links

When to Apply

  • Adding or modifying NgRx stores, reducers, or effects
  • Writing selectors for state selection in components
  • Managing collections with @ngrx/entity

Rules

RuleImpactDescription
Keep Reducers PureHIGHNo side effects in reducers; move HTTP calls to Effects
Use Feature SelectorsMEDIUMMemoized selectors that recompute only when inputs change

Install

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

來源與署名

來源:alfredoperez/angular-best-practices位於skills/angular-best-practices-ngrx提交a499a47

授權條款: MIT

內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。

檢舉或申請下架