SKILL: Angular 20+ Ecosystem Master Guide

This master skill document consolidates Angular Core, v20 Control Flow, Signals, CDK, Material 3, Router, Forms, Google Maps, NgRx Signals, and RxJS Patterns into a unified architecture reference.

🏗️ 1. Core Architecture: Standalone & Zone-less

Component Standards

• Standalone components only: Use standalone: true.
• OnPush Change Detection: Every component must use changeDetection: ChangeDetectionStrategy.OnPush.
• Signals-first: Use input(), output(), model(), viewChild(), and contentChild() (Angular 19+ syntax).
• Control Flow: Use @if, @for (item of items; track item.id), @switch, and @defer. Avoid *ngIf, *ngFor.

Dependency Injection

• Use inject(Type) instead of constructor injection for cleaner, more modern code.
• Provide global services/tokens in app.config.ts.