Angular Signals

Implement signal-based reactive state in Angular v20+. Uses signal(), computed(), linkedSignal(), and effect() for fine-grained reactivity and converts legacy BehaviorSubject/Observable patterns to signals.

This skill builds reactive Angular state with the signals API: writable signals, computed derivations, linkedSignal for dependent state, and effect for side effects. It migrates RxJS BehaviorSubject/Observable data flows to signals, integrates with the async pipe where needed, and tightens change detection.

When to use

Use when adopting Angular signals for state, deriving computed values, running effects, or converting BehaviorSubject/Observable code to signal-based reactive data flows.

Examples

Signal store

Writable + computed state

Build an Angular cart service using signals: a writable items signal, a computed total, and an effect that syncs the count to the document title

Observable to signal

Migrate RxJS state

Convert this BehaviorSubject-based filter state to Angular signals with computed derived results and remove the manual subscriptions