angular-signals

Overview

Angular Signals is a Claude Code skill that teaches how to implement signal-based reactive state management in Angular v20+. It provides comprehensive guidance on Angular's reactive primitives including signal() for writable state, computed() for derived state, linkedSignal() for dependent state with reset behavior, and effect() for side effects, replacing older patterns like BehaviorSubject and Observable-based state management.

Key Features

• Writable Signals - Create and manage reactive state with signal(), supporting set() and update() operations with explicit typing
• Computed Signals - Derive read-only state with computed() that automatically tracks and updates when dependencies change, supporting complex filtering and aggregation logic
• Linked Signals - Use linkedSignal() for dependent state that auto-resets when source signals change, with previous value access for smart preservation of user selections
• Side Effects - Implement effect() for reactive side effects with proper cleanup handling via onCleanup, integrated with Angular's dependency injection
• Migration Guidance - Helps convert from BehaviorSubject/Observable patterns to the modern signals approach in Angular v20+

Who is this for?

This skill is for Angular developers working with Angular v20+ who want to adopt the modern signal-based reactivity model for state management. It is particularly useful for teams migrating from RxJS-heavy state management patterns to Angular's built-in signals system, or for developers starting new Angular projects who want to use the recommended reactive primitives from the start.