Praxisreferenz

Commands, Patterns und Release Checks

Kompakte Arbeitsreferenz für tägliche Angular-Entwicklung.

Wichtige Commands

CLI

ng generate component features/orders/ui/order-card --standalone
ng generate service features/orders/data-access/order-api
ng test
ng build --configuration production
ng update
npm audit

Design Patterns

Facade

Vereinheitlicht Zugriff auf State, API und Use Cases.

Adapter

Übersetzt Backend-DTOs in Frontend-Modelle.

Container/Presenter

Trennt Orchestrierung und UI-Darstellung.

Strategy

Kapselt austauschbare fachliche Regeln.

Observer

Grundlage von Signals und RxJS Streams.

Repository

Kapselt Datenzugriff hinter einer fachlichen API.

Release Readiness

Technik

Production Build erfolgreich
Unit-, Component- und E2E-Tests grün
Bundle-Größen geprüft
Keine Secrets im Frontend
CSP und Security Header definiert
404-Fallback für SPA-Routing konfiguriert

UX & Accessibility

Tastaturbedienung vollständig
Fokus sichtbar
Formularfehler verständlich
Kontrast und Zoom geprüft
Mobile Safari getestet