Apa iku Angular Signals?

Question

Accepted Answer

**Signals** sawijining primitif reaktif Angular (ditambahi ing Angular 16+) kanggo ngatur kahanan — wrapper sek sedhela sing **ngandhani konsumen nalika owah**, ngasilake update sing halus lan efisien tanpa nandel ing deteksi owah Zone.js. ## Nggawe lan nggunakake sinyal ```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 }); } } ``` ## Maca sinyal: aktifake kaya fungsi ```html ``` Anda kaandhaké sinyal dibacak kanthi **aktifake" (`count()`), dudu minangka properti biasa. Ing cithakan, Angular lacak persis sinyal apa tinemu pandangan, mula mung bagian sing katampo mudhun nalika sinyal owah. ## Telung tipe sinyal ```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` malas lan cached (kaya computed Vue); `effect` mbukak efek pangiring kanthi reaktif (kaya pengawas). ## Sabin sinyal penting: reaktivitas sing halus ```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 ``` Sinyal menehi Angular **pelacakan gumantian sing akurat** — nalika sinyal owah, mung pandangan lan pangitung sing bener-bener maca iku mudhun. Iki luwih efisien tinimbang deteksi owah luas sing Zone.js picu, lan iki iji kanggo ngilangi Zone.js kanthi lengkap (mode tanpa zona). ## Masukan adhedhasar sinyal (luwih anyar) ```ts name = input(); // @Input as a signal name = input.required(); ``` ## Sabin penting Sinyal minangka evolusi paling signifikan ing reaktivitas Angular - minangka model sing luwih prasaja, luwih jelas, lan luwih efisien tinimbang deteksi owah implit Zone.js. Kai ngasilake update sing halus, ngurangi pariksa sing ora perlu, nglumpukake kanthi bersih kanthi computed/effect, lan mbukak dalan kanggo zoneless Angular. Pamahaman sinyal saya mundhak penting, amargi Angular ngarahake pembangunan anyar kanthi sinyal minangka primitif kahanan standar.