Simplest OnPush Example

instructor-list.component.html

<!--
  Since all bound values arrive as inputs
  this component is suitable for use with OnPush
-->
<ul>
  <li *ngFor="let instructor of instructors">
    {{ instructor }}
  </li>
</ul>

instructor-list.component.ts

import { Component, Input, ChangeDetectionStrategy} from '@angular/core';

// Though this is a simple component, its template will only be checked for updates
// should a new list of instructors arrive.
// This is especially helpful when other portions of the application are undergoing
// frequent updates.
@Component({
  selector: 'app-instructor-list',
  templateUrl: './instructor-list.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class InstructorListComponent {
  @Input() instructors = [];
}