Çfarë janë Angular Signals?

Question

Accepted Answer

**Signalet** janë primitiva reaktive e Angular-it (shtuar në Angular 16+) për menaxhimin e gjendjes — një mbështjellës rreth një vlere që **njofton konsumatorët kur ndryshon**, duke mundësuar përditësime precize dhe efikase pa u mbështetur në detektimin e ndryshimeve Zone.js. ## Krijimi dhe përdorimi i një signali ```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 }); } } ``` ## Leximi i një signali: thirrjani atë si një funksion ```html ``` Signalet **lexohen duke i thirrur** (`count()`), jo si veti të thjeshtë. Në shabllon, Angular gjurmon saktësisht cilat sinjale lexon një pamje, kështu që vetëm pjesët e prekura përditësohen kur një sinjal ndryshon. ## Tre llojet e sinjaleve ```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` është i përgjigjshëm dhe i cache-zuar (si Vue i llogaritur); `effect` ekzekuton efektet anësor reaktivisht (si një vëzhgues). ## Pse shënimet kanë rëndësi: reaktivitet preciz ```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 ``` Signalet i japin Angular-it **gjurmim preciz të varësisë** — kur një sinjal ndryshon, përditësohen vetëm pamjet dhe të llogaritime që e lexojnë atë. Kjo është më efikase sesa detektimi i gjerë i ndryshimeve që aktivizon Zone.js, dhe është themeli për të hequr plotësisht Zone.js (mënyrë pa zona). ## Hyrjet e bazuara në sinjal (më të reja) ```ts name = input(); // @Input as a signal name = input.required(); ``` ## Pse është e rëndësishme Signalet janë evolucioni më i rëndësishëm i fundit në reaktivitetin e Angular-it — një model më i thjeshtë, më eksplicitesh dhe shumë më efikas sesa detektimi implicit i ndryshimeve Zone.js. Ato mundësojnë përditësime precize, zvogëlojnë kontrollimin e panevojshëm, integrohen në mënyrë të pastër me computed/effect dhe hapjen rrugën për Angular-in pa zona. Komprensioni i sinjaleve po bëhet gjithnjë e më thelbësor, ndërsa Angular drejtohej zhvillimin e ri drejt tyre si primitiva e parazgjedhjes së gjendjes.