# Angular DOM को कैसे अपडेट करता है — Angular Fundamentals: Components, Signals और Routing

Source: https://www.skillbyai.com/hi/angular/ng-change-detection

> समझें कि Angular DOM कैसे अपडेट करता है और OnPush व signals से उसे कैसे तेज़ करें।

## डिफ़ॉल्ट पास

डिफ़ॉल्ट रूप से, क्लिक, टाइमर, या HTTP रिस्पॉन्स जैसी घटनाओं के बाद, Angular कंपोनेंट ट्री में जाकर हर टेम्पलेट में बदले हुए मान जाँचता है, और ज़रूरत के अनुसार DOM अपडेट करता है।

## OnPush रणनीति

`OnPush`, Angular को बताता है कि किसी कंपोनेंट के सबट्री को तब तक न जाँचे जब तक उसके `@Input()` संदर्भ (reference) से न बदलें (या वह सिग्नल न बदले जिसे यह पढ़ता है) — यह अक्सर प्रदर्शन बेहतर करता है।

```typescript
@Component({
  selector: 'app-price-tag',
  standalone: true,
  changeDetection: ChangeDetectionStrategy.OnPush,
  template: `<span>{{ price() }}</span>`,
})
export class PriceTagComponent {
  price = input.required<number>();
}
```

## सिग्नल्स OnPush के साथ अच्छी तरह काम करते हैं

क्योंकि सिग्नल अपने पाठकों को सटीक रूप से ट्रैक करते हैं, इनके आस-पास बने कंपोनेंट `OnPush` के साथ स्वाभाविक रूप से अच्छी तरह काम करते हैं — प्रदर्शन का फ़ायदा लगभग मुफ़्त में मिलता है।