angular-signals

Manage reactive state in Angular apps using signals and RxJS interop.

3|2|Updated Oct 9, 2025
One-click install
npx skills add https://github.com/ngx-signal-forms/ngx-signal-forms --skill angular-signals-ngx-signal-forms
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: angular-signals
Source: https://github.com/ngx-signal-forms/ngx-signal-forms/tree/main/.github/skills/angular-signals
Command: npx skills add https://github.com/ngx-signal-forms/ngx-signal-forms --skill angular-signals-ngx-signal-forms

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Angular's signal-based primitives provide a fine-grained, synchronous reactivity model that replaces verbose Observables, enabling simpler state management across components and services.

Core Features & Use Cases

  • Signal basics: create writable state with signal(), derive state with computed(), and compose dependent state with linkedSignal().
  • Side effects and reactivity: use effect() to run code in response to state changes with automatic cleanup.
  • RxJS interop: bridge signals and Observables via toSignal/toObservable for seamless integration.
  • Store patterns: build form/state stores and resource-like patterns for complex apps.

Quick Start

Create a writable signal, derive a computed value, and demonstrate reactivity in a simple Angular component.

Frequently Asked Questions about angular-signals

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I manage reactive state in Angular using signals instead of Observables?

Angular signals provide a fine-grained, synchronous reactivity model that replaces verbose Observables. You create writable state with signal(), derive values with computed(), and compose dependent state with linkedSignal() for simpler state management across components and services.

What is the best way to bridge signals and RxJS Observables in an Angular app?

To bridge signals and RxJS Observables, use toSignal and toObservable functions. This enables seamless RxJS interoperability, allowing you to integrate signal-based state management with existing reactive streams across your components and stores.

How do I run side effects in response to Angular signal state changes?

Use the effect() function to run code in response to Angular signal state changes. Effects execute automatically when dependent signals update and support automatic cleanup, making them ideal for synchronizing state with external systems.

Do I need Angular v20 to use signal-based state management primitives?

Yes, signal-based state management primitives require Angular v20 or later. This version requirement ensures you have access to the full suite of core APIs, including signal, computed, linkedSignal, and effect for safe reactive patterns.

Can I build complex state stores using Angular signals and computed values?

Yes, you can build form and state stores using Angular signals. By combining writable signals with computed values and linkedSignal, you can create resource-like patterns and manage complex dependent state across your application.