angular-best-practices

Use ChangeDetectionStrategy.OnPush on components and prefer Signals over mutable properties so updates trigger precisely. For new projects on Angular v20+, enable zoneless change detection to remove zone.js overhead and reduce bundle size.

Replace nested subscriptions with forkJoin for independent parallel calls and switchMap for dependent calls. In SSR apps, use route resolvers so critical data is fetched on the server before navigation instead of in ngOnInit.

Lazy-load feature routes with loadChildren or loadComponent, defer heavy components with @defer, avoid barrel file re-exports that break tree-shaking, and dynamically import large third-party libraries like Chart.js only when needed.

Yes, @defer supports hydration triggers such as hydrate on viewport or hydrate on interaction when incremental hydration is configured via provideClientHydration. This lets below-the-fold content hydrate lazily while critical content renders first.

Lists re-render when @for lacks a proper track expression or uses $index instead of a stable item id. Add track item.id, use computed() for derived data, and consider CDK virtual scrolling for very large lists.

Use Signals for synchronous reactive state and template bindings, converting observables with toSignal when needed. Keep RxJS for complex async event streams, and always clean up remaining subscriptions with takeUntilDestroyed.