AGENT SKILL

angular-best-practices-ngrx

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.

License 许可
MIT
最近更新
2026-06-10
Stars
★ 3
Forks
0

01 前言 Front Matter

name
angular-best-practices-ngrx
tags
[ "angular", "ngrx", "state-management", "redux" ]
globs
[ "**/*.ts", "**/*.reducer.ts", "**/*.effects.ts", "**/*.selectors.ts" ]
license
MIT
metadata
{ "author": "alfredoperez", "version": "1.2.0" }
description
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.

03 SKILL.md 正文

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

Rule Impact Description
Keep Reducers Pure HIGH No side effects in reducers; move HTTP calls to Effects
Use Feature Selectors MEDIUM Memoized selectors that recompute only when inputs change

Install

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

04 同仓库更多 Skills