რა არის Angular Signals?

Question

Accepted Answer

**Signals** არის Angular-ის რეაქტიული პრიმიტივი (დამატებული Angular 16+-ში) მდგომარეობის მართვისთვის — მნიშვნელობის გარშემორტყმა, რომელიც **აცნობებს მომხმარებელს ცვლილებისას**, რაც შესაძლებელს ხდის წვრილ-მარჯნივი, ეფექტური განახლებებს Zone.js ცვლილების აღმოჩენის გამოყენების გარეშე. ## სიგნალის შექმნა და გამოყენება ```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 }); } } ``` ## სიგნალის წაკითხვა: მას გამოიძახე როგორც ფუნქცია ```html ``` გაითვალისწინეთ, რომ სიგნალები **წაკითხულია მათი გამოძახებით** (`count()`), არა როგორც ჩვეულებრივი თვისებები. შაბლონში, Angular ზუსტად აკვირდება რომელი სიგნალებს კითხულობს ხედი, ამიტომ მხოლოდ შეხებული ნაწილები განახლდება სიგნალის ცვლილებისას. ## სამი სიგნალის ტიპი ```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` არის ზე lazy და გამოსახულებული (Vue-ს computed-ის მსგავსად); `effect` ქმნის გვერდითი ეფექტებს რეაქტიულად (watch-ის მსგავსად). ## რატომ არის მნიშვნელოვანი სიგნალები: წვრილ-მარჯნივი რეაქტიულობა ```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 ``` სიგნალები Angular-ს აძლევს **ზუსტ დამოკიდებულების თვალთვალას** — როდესაც სიგნალი იცვლება, მხოლოდ ის ხედები და გამოთვლილები, რომლებიც ნამდვილად წაკითხულია, განახლდებიან. ეს უფრო ეფექტურია, ვიდრე Zone.js-ის ფართო ცვლილების აღმოჩენა, და ეს არის Zone.js-ის სრულად ამოშლის საფუძველი (zoneless რეჟიმი). ## სიგნალზე დაფუძნებული შეყვანები (უფრო ახალი) ```ts name = input(); // @Input as a signal name = input.required(); ``` ## რატომ არის ეს მნიშვნელოვანი სიგნალები არის Angular-ის რეაქტიულობის ყველაზე მნიშვნელოვანი ბოლო ევოლუცია — უფრო მარტივი, უფრო ცალსახა და გაცილებით უფრო ეფექტური მოდელი Zone.js-ის ნაგულისხმევი ცვლილების აღმოჩენაზე. ისინი საშუალებას აძლევს წვრილ-მარჯნივი განახლებებს, შეამცირებს არასაჭირო შემოწმებას, ისნებ თავს გრაფიკულად დაუკავშირებს computed/effect-თან და ხსნის გზას zoneless Angular-თან. სიგნალების გაგება სულ უფრო მნიშვნელოვანი ხდება, რადგან Angular მიმართავს ახალ განვითარებას სიგნალების მიმართ, როგორც ნაგულისხმევი მდგომარეობის პრიმიტივი.