When to use memo

when-to-use-memo.ts

@Component({
  selector: "app-root",
  template: `
    <div>{{ isOdd(count) }}</div>
    <div>{{ isOdd(count) }}</div>
    <div>{{ isOdd(count) }}</div>
    <button (click)="count = count + 1">Increase</button>
  `,
  standalone: true,
})
export class AppComponent {
  count = 0;
  isOdd = memo((count: number) => {
    console.log('isOdd called');
    return count % 2 === 0
  });
}