Agent skill · software engineering · aiskillstore
angular-state-management
Master modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing component stores, choosing between state solutions, or migrating from legacy patterns.
Why this skill is useful
Provides specific patterns and code examples for Angular state management that the AI wouldn't reliably generate on its own.
What it needs
About 7k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Angular State Management Comprehensive guide to modern Angular state management patterns, from Signal-based local state to global stores and server state synchronization. When to Use This Skill Setting up global state management in Angular Choosing between Signals, NgRx, or Akita Managing component-level stores Implementing optimistic updates Debugging state-related issues Migrating from legacy state patterns Do Not Use This Skill When The task is unrelated to Angular state management You need React state management → use react-state-management --- Core Concepts State Categories Type Description Solutions ---------------- ---------------------------- --------------------- Local State Component-specific, UI state Signals, signal() Shared State Between related components Signal services Global State App-wide, complex NgRx, Akita, Elf Server State Remote data, caching NgRx Query, RxAngular URL State Route parameters ActivatedRoute Form State Input values, validation Reactive Forms Selection Criteria --- Quick Start: Signal-Based State Pattern 1: Simple Signal Service Pattern 2: Feature Signal Store Pattern 3: SignalStore (NgRx Signals) --- NgRx Store (Global State) Setup Feature Slice Pattern Component Usage --- RxJS-Based Patterns Component Store (Local Feature State) --- Server State with Signals HTTP + Signals Pattern --- Best Practices Do's Practice Why ---------------------------------- ---------------------------------- Use Signals for local state Simple, reactive, no subscriptions Use computed() for derived data Auto-updates, memoized Colocate state with feature Easier to maintain Use NgRx for complex flows Actions, effects, devtools Prefer inject() over constructor Cleaner, works in factories Don'ts Anti-Pattern Instead --------------------------------- ----------------------------------------------------- Store derived data Use computed() Mutate signals directly Use set() or update() Over-globalize state Keep local when possible Mix RxJS and Signals chaoticall …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/angular-state-management