Skip to content
Interview Prep Buddy LogoInterview Prep Buddy

OnPush Change Detection

Introduction

Section titled “Introduction”

OnPush reduces the number of change detection cycles by only checking components when specific conditions are met.

When OnPush Triggers

Section titled “When OnPush Triggers”
  1. @Input reference changes
  2. Event originates inside component
  3. async pipe emits new value
  4. markForCheck() called manually

Example

Section titled “Example”
@Component({
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class ProductCardComponent {
  @Input() product: Product;
}

Summary

Section titled “Summary”

OnPush is the standard strategy for production Angular apps.”