angular-signals

SKILL.md

Signal-based reactive state management for Angular v20+ with synchronous, fine-grained reactivity.

Core APIs include signal() for writable state, computed() for derived state, linkedSignal() for dependent state with automatic reset, and effect() for side effects

Integrates with RxJS via toSignal() and toObservable() for converting between observables and signals

Supports custom equality functions, untracked reads to break dependencies, and read-only signal exposure via asReadonly()

Typical patterns include component state management with filtered/derived data, service-level state with public read-only signals, and HTTP request handling with optional initial values

Angular Signals

Signals are Angular's reactive primitive for state management. They provide synchronous, fine-grained reactivity.

Core Signal APIs

signal() - Writable State

import { signal } from '@angular/core';

// Create writable signal
const count = signal(0);

// Read value
console.log(count()); // 0

// Set new value
count.set(5);