A
angular-best-practices-signalstore
About angular-best-practices-signalstore
A focused skill of NgRx SignalStore guidance for Angular developers managing signal-based local and feature state. It covers shared state, RxJS effects, derived state, and entity collections, and is intended to complement angular-best-practices.
Key features
- 01SignalStore guidance for shared state
- 02RxJS integration with rxMethod
- 03Derived state with withComputed
- 04Collection management with withEntities
Use cases
- 01Creating or changing SignalStore state
- 02Adding RxJS side effects to stores
- 03Deriving memoized state
- 04Managing entity collections
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/angular-best-practices-signalstorein Claude Code to confirm it loaded.
Bundled filesAGENTS.md
Details
From the project READMEAngular 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:
- Core skill: angular-best-practices
- This add-on: angular-best-practices-signalstore
Comments
Markdown supported