prefer-on-push-cd-strategy.mdx

import RuleDetails from '@site/src/components/RuleDetails';

Prefer setting changeDetection: ChangeDetectionStrategy.OnPush in Angular @Component annotations. OnPush strategy should be used as the default because using Default strategy leads to performance issues.

Example {#example}

❌ Bad:

@Component(
  selector: 'component-selector',
  templateUrl: 'component.html',
  styleUrls: ['component.css'],
  directives: <Object>[
    coreDirectives,
  ],
)
class Component {
}

✅ Good:

@Component(
  selector: 'component-selector',
  templateUrl: 'component.html',
  styleUrls: ['component.css'],
  changeDetection: ChangeDetectionStrategy.OnPush,
  directives: <Object>[
    coreDirectives,
  ],
)
class Component {
}