Angular Signals: Eine praktische Einführung

Platzhalter-Artikel. Dieser Beitrag dient als strukturelles Beispiel für die Collection solodev.

Angular Signals bieten ein einfacheres mentales Modell für reaktiven State als eine vollständige RxJS-Pipeline, für die Fälle, in denen du die Operatoren von RxJS nicht brauchst.

Wann ein Signal statt eines Observable

• Lokaler Komponenten-State, der nicht mit asynchronen Streams kombiniert werden muss.
• Abgeleitete Werte, die automatisch neu berechnet werden sollen, wenn sich ihre Eingaben ändern.
• Überall dort, wo du sonst zu BehaviorSubject greifen würdest, nur um einen aktuellen Wert zu halten.

Ein minimales Beispiel

import { signal, computed } from "@angular/core";

const count = signal(0);
const doubled = computed(() => count() * 2);

count.set(5);
console.log(doubled()); // 10

(Eine echte Version dieses Beitrags würde tiefer auf Effects, signal-basierte Inputs und das Zusammenspiel mit bestehendem RxJS-Code eingehen — hier als Platzhalter ausgelassen.)