Angular Signals কী?

Question

Angular Signals কী?

Accepted Answer

**Signals** হল Angular-এর প্রতিক্রিয়াশীল প্রাথমিক (Angular 16+ এ যোগ করা হয়েছে) অবস্থা পরিচালনার জন্য — একটি মান-এর চারপাশে একটি wrapper যা **পরিবর্তনের সময় ভোক্তাদের অবহিত করে**, Zone.js পরিবর্তন সনাক্তকরণের উপর নির্ভর না করে সূক্ষ্ম-শস্য, দক্ষ আপডেট সক্ষম করে। ## Signal তৈরি এবং ব্যবহার করা ```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 }); } } ``` ## Signal পড়া: এটিকে একটি ফাংশনের মতো কল করুন ```html ``` লক্ষ্য করুন signals **সেগুলি কল করে পড়া হয়** (`count()`)، সাধারণ বৈশিষ্ট্য হিসাবে নয়। টেমপ্লেটে, Angular ঠিক ট্র্যাক করে কোন signals একটি ভিউ পড়ে, তাই যখন একটি signal পরিবর্তন হয় তখন শুধুমাত্র প্রভাবিত অংশগুলি আপডেট হয়। ## তিনটি signal প্রকার ```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` অলস এবং ক্যাশড (Vue-এর computed-এর মতো); `effect` প্রতিক্রিয়াশীল পার্শ্ব প্রভাব চালায় (একটি watcher-এর মতো)। ## Signals কেন গুরুত্বপূর্ণ: সূক্ষ্ম-শস্য প্রতিক্রিয়াশীলতা ```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 ``` Signals Angular-কে **নির্ভুল নির্ভরতা ট্র্যাকিং** দেয় — যখন একটি signal পরিবর্তন হয়, শুধুমাত্র যে ভিউ এবং computeds এটি প্রকৃতপক্ষে পড়ে সেগুলি আপডেট হয়। এটি Zone.js যে বিস্তৃত পরিবর্তন সনাক্তকরণ ট্রিগার করে তার চেয়ে আরও দক্ষ, এবং এটি সম্পূর্ণভাবে Zone.js সরিয়ে ফেলার ভিত্তি (zoneless mode)। ## Signal-ভিত্তিক inputs (নতুনতর) ```ts name = input(); // @Input as a signal name = input.required(); ``` ## এটি কেন গুরুত্বপূর্ণ Signals হল Angular-এর প্রতিক্রিয়াশীলতায় সবচেয়ে উল্লেখযোগ্য সাম্প্রতিক বিবর্তন — অন্তর্নিহিত Zone.js পরিবর্তন সনাক্তকরণের চেয়ে একটি সহজ, আরও স্পষ্ট এবং অনেক বেশি দক্ষ মডেল। তারা সূক্ষ্ম-শস্য আপডেট সক্ষম করে, অপ্রয়োজনীয় পরীক্ষা হ্রাস করে, computed/effect-এর সাথে পরিষ্কারভাবে সংহত হয় এবং zoneless Angular-এর জন্য পথ প্রশস্ত করে। Signals বোঝা ক্রমবর্ধমান অপরিহার্য, কারণ Angular নতুন উন্নয়নকে তাদের দিকে পরিচালিত করছে ডিফল্ট অবস্থা প্রাথমিক হিসাবে।