Signals Angular को reactive primitive हो (Angular 16+ मा जोडिएको) जो state प्रबन्धन गर्नको लागि — एक मानको वरपर wrapper जो यो परिवर्तन हुँदा consumers लाई सूचित गर्दछ, Zone.js change detection मा निर्भर नगरी fine-grained, efficient updates सक्षम गर्दछ।
{ signal, computed, effect } ;
{
count = ();
double = ( .() * );
() {
..(.() + );
..( c + );
}
() {
( {
.();
});
}
}
<button (click)="increment()">{{ count() }} (double: {{ double() }})</button>
Note signals कल गरेर पढिन्छन् (count()), सादा properties जस्तो होइन। Template मा, Angular ट्र्याक गर्दछ कि view ले कुन signals पढ्दछ, त्यसैले signal परिवर्तन हुँदा केवल असर गरिएका भागहरू अपडेट हुन्छन्।
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 र cached छ (Vue को computed जस्तो); effect reactively side effects चलाउदछ (watcher जस्तो)।
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 लाई precise dependency tracking दिन्छ — जब signal परिवर्तन हुन्छ, केवल views र computeds जो यसलाई वास्तवमा पढ्दछन् अपडेट हुन्छन्। यो Zone.js ले trigger गर्ने broad change detection भन्दा अधिक efficient छ, र zoneless mode को लागि फाउन्डेशन हो।
name = input<string>(); // @Input as a signal
name = input.required<string>();
Signals Angular को reactivity मा सबैभन्दा महत्त्वपूर्ण हालको विकास हो — implicit Zone.js change detection भन्दा सरल, अधिक explicit, र धेरै efficient मडेल।
तिनीहरू fine-grained updates सक्षम गर्दछन्, अनावश्यक checking कम गर्दछन्, computed/effect सँग सफलतापूर्वक एकीकृत हुन्छन्, र zoneless Angular को बाटो प्रशस्त गर्दछन्।
Signals बुझ्नु क्रमशः आवश्यक हुँदैछ, किनकि Angular नयाँ development लाई तिनीहरूलाई default state primitive को रूपमा दिशा दिइरहेको छ।