Вопросы React Frontend Developer

Стратегия OnPush в Angular оптимизирует производительность, запуская проверку изменений только при изменении входных свойств (@Input) компонента по ссылке, при возникновении событий внутри компонента или его дочерних элементов, при ручном вызове ChangeDetectorRef.detectChanges() или при асинхронных операциях через AsyncPipe. Это уменьшает количество проверок по сравнению со стратегией Default, которая проверяет все компоненты при любом изменении.

Default проверяет компонент при каждом цикле change detection, запускаемом событиями, таймерами или HTTP. OnPush проверяет компонент только при изменении @Input по ссылке, при событии внутри самого компонента или при явном вызове markForCheck. Это снижает количество проверок и повышает производительность. OnPush требует иммутабельных данных и аккуратной работы с Observable.

markForCheck() помечает компонент и его предков как «грязные», чтобы при следующем цикле change detection (в том числе при OnPush) они были проверены. detectChanges() немедленно и синхронно запускает проверку только для текущего компонента и его потомков. markForCheck не запускает проверку сам, а лишь планирует её; detectChanges запускает её сразу и локально.