angular-best-practices-signalstore

angular-best-practices-signalstore

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.

37stars
3forks
Updated 3/28/2026
SKILL.md
read-only
name
angular-best-practices-signalstore
description

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.

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

Rule Impact Description
Use rxMethod for RxJS Integration MEDIUM Debounce, switchMap, and other RxJS operators in stores
Use SignalStore for Shared State HIGH Signal-based reactivity without full NgRx overhead
Use withComputed for Derived State MEDIUM Centralized memoized derivation logic
Use withEntities for Collections MEDIUM O(1) lookups and standardized CRUD operations

Install

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