X'inhuma Angular Signals?

Question

Accepted Answer

**Signals** huma il-primitiv reaktiv ta' Angular (miżjuda f'Angular 16+) għall-ġestjoni tal-istat — raqqad madwar valur li **jinnotifika lill-konsumers meta nbidel**, jippermettu aġġornamenti fini u effiċjenti mingħajr ma jiddependu fuq il-iskoperta tal-bidla Zone.js. ## Ħolqien u użu ta' sinjal ```ts import { signal, computed, effect } from "@angular/core"; export class CounterComponent { count = signal(0); // a writable signal double = computed(() => this.count() * 2); // derived signal (auto-updates) increment() { this.count.set(this.count() + 1); // set a new value this.count.update(c => c + 1); // or update based on current } constructor() { effect(() => { console.log(`count is now ${this.count()}`); // re-runs when count changes }); } } ``` ## Qari ta' sinjal: iħodda bħal funzjoni ```html ``` Avvija li s-sinjali jiġu **maqrua billi jiġu mħaddra** (`count()`), mhux bħala proprjetajiet ordinarji. Fit-template, Angular toqgħod tistħarraġ eżatt liema sinjali jaqra l-veduta, għalhekk biss il-partijiet affettwati jiġu aġġornati meta sinjal jinbidel. ## It-tliet tipi ta' sinjal ```text signal(value) → writable state, updated via .set() / .update() computed(() => ...) → derived/cached value; auto-recomputes when its deps change effect(() => ...) → runs a side effect whenever read signals change ``` `computed` huwa lazy u cached (bħal computed ta' Vue); `effect` iħaddem effetti sekondarji b'mod reaktiv (bħal watcher). ## Għaliex sinjali importanti: reattività fina ```text Traditional Angular: a change triggers checking the WHOLE component tree (Zone.js) Signals: Angular knows EXACTLY which views depend on a changed signal → update only those → far more efficient, and enables "zoneless" Angular ``` Sinjali jigħtu Angular **traċċa ta' dipendenza preċiza** — meta sinjal jinbidel, biss il-veduti u l-kompjutati li tassew jaqruh iġu aġġornati. Dan huwa aktar effiċjenti mill-iskoperta tal-bidla estenziva li z-Zone.js tolqot, u huwa l-pedament biex tneħħi Zone.js kompletament (modu mingħajr zona). ## Inputs bbażati fuq sinjali (aktar ġodda) ```ts name = input(); // @Input as a signal name = input.required(); ``` ## Għaliex dan importanti Sinjali huma l-evoluzzjoni l-aktar signifikativa reċenti tar-reattività ta' Angular — mudell aktar sempliċi, aktar espliċitu, u ħafna aktar effiċjenti mill-iskoperta tal-bidla impliċita Zone.js. Huma jippermettu aġġornamenti fini, jnaqqsu ċċekks mhux neċessarji, jintegraw bil-ħlas max-computed/effect, u jiftħu t-triq għal Angular mingħajr zona. It-tifhem ta' sinjali jidher li jkun dejjem aktar essenzjali, billi Angular tiddirezzjona l-iżvilupp ġdid lejn sinjali bħala l-primitiv tal-istat default.