Angular implementation checklist

Verify that 'optimization', 'aot', and 'buildOptimizer' are set to true in the production configuration within angular.json.

Define 'budgets' in angular.json for the 'initial' bundle type with a maximum warning of 500kb and error at 1mb to prevent bundle bloat.

Audit the AppRoutingModule to ensure all top-level feature routes use 'loadComponent' or 'loadChildren' instead of direct imports.

Replace all standard <img> tags with the 'NgOptimizedImage' directive and provide 'priority' attributes for LCP elements.

Run 'source-map-explorer' on the production build to identify and remove unused modules from heavy libraries like Lodash or Moment.js.

Convert all components to 'standalone: true' and eliminate 'NgModule' declarations to reduce architectural complexity and improve tree-shaking.

Use the 'inject()' function in components and services instead of constructor injection for better type inference and cleaner inheritance.

Replace local 'BehaviorSubject' or 'OnPush' manual triggers with Angular Signals to optimize the change detection cycle and reduce overhead.

Verify that all singleton services use 'providedIn: root' to ensure they are tree-shakable and correctly scoped for the entire application.

Set 'strict': true in tsconfig.json to enforce null checks and strict property initialization across the codebase.

Ensure every manual '.subscribe()' call in components is paired with 'takeUntilDestroyed' or an explicit 'unsubscribe' in ngOnDestroy.

Audit templates to use the '| async' pipe for data rendering, delegating subscription management to the framework.

Verify that search and filter inputs use 'switchMap' rather than 'mergeMap' to cancel obsolete HTTP requests during rapid user input.

Replace all instances of 'any' in HttpClient calls with specific TypeScript interfaces representing the backend data contracts.

Implement a global 'HttpInterceptor' to catch 401, 403, and 500 status codes and route them to a consistent error handling service.

Verify that any content passed to [innerHTML] is processed through Angular's 'DomSanitizer' to prevent XSS attacks.

Configure 'HttpClientXsrfModule' with 'cookieName' and 'headerName' matching the backend's CSRF implementation.

Check that environment.prod.ts does not contain hardcoded secrets; use build-time replacement for sensitive API keys.

Apply 'CanActivate' guards to all protected routes to ensure client-side authorization is enforced before component initialization.

Add a CSP meta tag or header that restricts script execution to trusted domains and prevents inline script execution.

Achieve 80% coverage on services containing complex transformation logic using Jest or Karma.

Implement Cypress or Playwright tests for the 'Happy Path' of the primary user workflows (e.g., Login, Checkout, Data Submission).

Ensure all component tests use 'TestBed' to provide mock implementations of services to isolate the unit under test.

Configure 'ng lint' as a required check in the CI/CD pipeline to prevent code style regressions.

Run 'axe-core' or the Angular CDK A11y module to verify that all interactive elements have correct ARIA labels and keyboard focus states.

Utilize RxJS 'fromFetch' or 'EventSource' to handle streaming responses from LLM endpoints to provide real-time UI updates.

Implement specific 'Signal'-based loading indicators for AI inference tasks to manage user expectations during high-latency operations.

Wrap AI-driven components in error boundaries to ensure that a failure in the LLM service does not crash the entire application shell.

Implement a caching layer (e.g., in NgRx or a Service) for common AI queries to minimize token costs and improve response times.

Apply a specific CSS class or icon to any data generated by AI to comply with transparency requirements for enterprise users.