mkangular

# Angular Angular v20+ patterns — 10 topics consolidated with progressive disclosure. ## v20+ Modern Defaults (apply always) - **Standalone components** are default — no NgModule needed - **Signal-based inputs/outputs** — use `input()`, `input.required()`, `output()` (not `@Input`/`@Output`) - **Signal-based state** — use `signal()`, `computed()`, `linkedSignal()` (not BehaviorSubject) - **inject() function** — use `inject()` in field initializers (not constructor injection) - **Native control flow** — use `@if`, `@for` with `track`, `@switch` (not `*ngIf`/`*ngFor`) - **OnPush change detection** — always set `changeDetection: ChangeDetectionStrategy.OnPush` - **Functional guards/resolvers** — use functions (not class-based guards) - **resource() / httpResource()** — prefer over manual HttpClient subscribe for data loading ## When to Read Each Reference | Task involves | Read | | -------------------------------------------------------------- | -------------------------- | | Components, templates, host bindings, content projection | `references/component.md` | | signal(), computed(), linkedSignal(), effect(), reactive state | `references/signals.md` | | inject(), providers, injection tokens, services | `references/di.md` | | Custom directives, DOM manipulation, host listeners | `references/directives.md` | | Forms, validation, signal forms API ...