What problem does it solve?
This Skill solves the complexity of UI state management by replacing verbose Observable patterns with Angular's signal-based primitives, enabling synchronous, fine-grained reactivity.
Core Features & Use Cases
- signal() writable state for simple, reactive variables
- computed() derived state that auto-updates from dependencies
- linkedSignal() dependent state with automatic resets or preservation
- effect() side-effects tied to signal changes with optional cleanup
- RxJS interop with toSignal and toObservable for smooth transitions from Observables
- Resource patterns and advanced store techniques described in references/signal-patterns.md
- Migration use case: converting BehaviorSubject/Observable driven UI flows to signals for more predictable rendering
Quick Start
Use this skill to initialize a component’s state with signals, create a derived value with computed(), and wire an effect to react to changes. Then observe the UI update in response to signal changes without manual subscriptions.