angular-best-practices

Angular 21 development with signals, standalone components, reactive patterns, and strict TypeScript typing. For complex derived state patterns, see references/signal-patterns.md . Use resource() for async data fetching with signals: Key resource patterns: - Use standalone components with ChangeDetectionStrategy.OnPush , input() / output() functions, and computed() for derived state instead of decorators and ngClass / ngStyle - Manage async data with resource() for signal-based fetching, handling loading/error states via hasValue() and status checks - Build templates with native control flow ( @if , @for , @switch ), async pipes, and avoid arrow functions or template logic - Inject services with inject() function, implement lazy loading for routes, and use Tailwind 4.1 for styling - Ensure WCAG AA accessibility compliance including focus management, color contrast, and ARIA attributes - Use strict type checking - Prefer type inference when type is obvious - Avoid any ; use unknown when type is uncertain - Always use standalone components (do NOT set standalone: true — it's the default in v20+) - Set changeDetection: ChangeDetectionStrategy.OnPush - Use input() and output() functions instead of decorators - Use computed() for derived state - Keep components small and single-responsibility - Prefer inline templates for small components - Use Reactive forms over Template-driven -...