Как работает ChangeDetection

ChangeDetection в Angular — это механизм, который определяет, когда и какие части приложения нужно обновить. Он работает в двух стратегиях:

1. Default: Проверяет все компоненты при любом асинхронном событии (клик, таймер, HTTP-запрос и т.д.). Может быть неэффективен для больших приложений.

2. OnPush: Компонент обновляется только при:
   • Изменении @Input() свойств (по ссылке)
   • Событиях внутри компонента (клики и т.д.)
   • Явном вызове detectChanges() или markForCheck()

Пример OnPush:

@Component({
  selector: 'app-user',
  templateUrl: './user.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class UserComponent {
  @Input() user: User;
}

Для оптимизации можно использовать Immutable.js или создавать новые объекты вместо мутаций.