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` आलसी आणि कॅश केलेला आहे (Vue च्या computed प्रमाणे); `effect` रिएक्टिव्‍हली साइड इफेक्ट चलवते (वॉचर प्रमाणे)। ## सिग्नल महत्वाचे का आहेत: सूक्ष्म रिएक्टिव्हिटी ```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 पूर्णपणे काढून टाकण्याचा आधार आहे (zoneess मोड)। ## सिग्नल-आधारित इनपुट (नवीन) ```ts name = input(); // @Input as a signal name = input.required(); ``` ## हे महत्वाचे का आहे सिग्नल Angular च्या रिएक्टिव्हिटीतील सर्वात महत्वाचा अलिकडचा विकास आहे — अंतर्निहित Zone.js बदल शोधपेक्षा सरल, अधिक स्पष्ट आणि बरेच अधिक कुशल मॉडेल। ते सूक्ष्म अपडेट सक्षम करतात, अनावश्यक तपास कमी करतात, computed/effect सह स्वच्छतेने एकीकृत करतात, आणि zoneess Angular साठी मार्ग उघडतात। सिग्नल समजून घेणे हा आणखी आवश्यक होत चाला आहे, कारण Angular नवीन विकास सिग्नलकडे डिफॉल्ट स्थिति प्रिमिटिव्ह म्हणून निर्देशित करत आहे।