Angular v21 angekündigt

(blog.angular.dev)

1 Punkte von GN⁺ 2025-11-22 | 2 Kommentare | Auf WhatsApp teilen

Angular v21 ist ein großes Update für das Zeitalter der KI-zentrierten Webentwicklung und bringt wichtige Funktionen wie Signal Forms, Angular Aria, MCP-Server, Vitest und Zoneless Change Detection mit
Signal Forms bietet ein reaktives Formularmanagement auf Basis von Signals mit Typsicherheit und schema-basierter Validierung
Angular Aria ist eine Headless-UI-Komponentenbibliothek mit Fokus auf Barrierefreiheit; 8 Muster und 13 Komponenten lassen sich passend zum Stil der Entwickler frei anpassen
Vitest wurde als Standard-Test-Runner eingeführt und stabilisiert, während zone.js nicht mehr standardmäßig enthalten ist und die Zoneless-Strategie zum Standard wird
Ein neuer Doku-Standort sowie KI-Tutor- und MCP-Server-Tools stärken die Developer Experience und die KI-Integrationsfähigkeit; das ist der Kern dieser Version

Überblick über die wichtigsten Funktionen

Angular v21 erweitert seine Funktionen deutlich für KI-gestützte Entwicklungsumgebungen und den Aufbau skalierbarer Webanwendungen
Die neue Version konzentriert sich auf Signal Forms, Angular Aria, MCP-Server, Vitest und Zoneless Change Detection
Neue Anwendungen enthalten standardmäßig kein zone.js, stattdessen wird die Zoneless-Strategie verwendet
Die Angular CLI setzt Vitest als Standard-Test-Runner, Karma und Jasmine werden weiterhin unterstützt
Der mit KI-Agenten nutzbare MCP-Server wurde stabilisiert, sodass LLMs aktuelle Angular-Funktionen verwenden können

Signal Forms ist eine Bibliothek für reaktives Formular-Zustandsmanagement auf Basis von Signals
- Das Formularmodell wird als Signal definiert und automatisch mit Feldern synchronisiert
- Typsicherheit und schema-basierte Validierungslogik sind integriert
Die Bindung an Templates erfolgt mit form() und der [field]-Direktive
Auch benutzerdefinierte Komponenten lassen sich ohne ControlValueAccessor anbinden
Grundlegende Validierungsmuster wie E-Mail-Prüfung und Regex-Matching sind enthalten, benutzerdefinierte Validatoren können ergänzt werden
Derzeit befindet sich die Funktion noch im experimentellen Stadium und soll auf Basis von Feedback verbessert werden

Angular Aria ist eine Headless-UI-Komponentenbibliothek mit Barrierefreiheit als oberster Priorität
- Sie bietet 8 Muster (Accordion, Combobox, Grid, Listbox, Menu, Tabs, Toolbar, Tree) und 13 Komponenten
- Alle Komponenten werden ohne Styling bereitgestellt und können frei angepasst werden
Installationsbefehl: npm i @angular/aria
Das Angular-Team nennt drei Wege für die Komponentenentwicklung
- Angular Aria: Headless-Komponenten mit Fokus auf Barrierefreiheit
- CDK: stellt Behavior Primitives wie Drag & Drop bereit
- Angular Material: vollständige Komponenten im Material-Design-Stil

Der MCP-Server ist ein in die Angular CLI integrierter Server für KI-Unterstützung und wurde in v21 stabilisiert
Wichtige Funktionen
- get_best_practices: liefert Best Practices
- search_documentation: durchsucht die offizielle Dokumentation
- find_examples: stellt aktuelle Angular-Beispiele bereit
- onpush_zoneless_migration: erstellt einen Plan für die Umstellung auf Zoneless
- ai_tutor: KI-basierter Lernassistent für Angular
Über den MCP-Server lässt sich das Knowledge-Cutoff-Problem von LLMs entschärfen, sodass auch aktuelle Funktionen wie Signal Forms und Angular Aria genutzt werden können

Vitest ist als Standard-Test-Runner von Angular stabilisiert
- Kann über den Befehl ng test ausgeführt werden
- Karma ist seit 2023 veraltet, Jest und Web Test Runner sollen in v22 entfernt werden
Bestehende Projekte können Karma/Jasmine weiterhin verwenden
Mit dem Befehl ng g @schematics/angular:refactor-jasmine-vitest wird eine automatische Migration unterstützt

zone.js patchte Browser-APIs, um Change Detection auszuführen, hatte jedoch Leistungsgrenzen
Signals-basierte Zoneless Change Detection wird in v21 zum Standard
- Stand 2024 nutzen mehr als die Hälfte der neuen internen Apps bei Google Zoneless
- Laut HTTP Archive setzen mehr als 1.400 öffentliche Apps auf Zoneless
Vorteile von Zoneless
- Verbesserte Core Web Vitals, kleinere Bundle-Größe, einfacheres Debugging, bessere Kompatibilität mit asynchroner Verarbeitung
Bestehende Apps können den Migrationsleitfaden oder das MCP-Server-Tool onpush_zoneless_migration nutzen

Die Website angular.dev wurde umfassend überarbeitet
- Neue Landingpage und Dokumentationsstruktur rund um aktuelle Konzepte
- Neuer Hub für KI-Entwicklungsressourcen unter angular.dev/ai
- Aktualisierte Leitfäden für Signals-Tutorial, Routing, DI, Material-Theming und Tailwind CSS
Mit dem MCP-Server-Tool search_documentation kann die aktuelle Dokumentation durchsucht werden

Update der CLDR-Bibliothek auf v47 (verbesserte Währungs- und Datumsformate)
Regex-Unterstützung in Templates, integrierte Signals-Formatter und anpassbare IntersectionObserver-Optionen
Generic-Unterstützung für SimpleChanges, Verbesserungen an der KeyValue-Pipe und zusätzliche Material-Utility-Klassen
CDK Overlay nutzt für bessere Barrierefreiheit das native Popover des Browsers
Angular DevTools erhält Routenvisualisierung und Signal-Graphen

Seit v20 haben 215 Personen zum Angular-Codebestand beigetragen
Wichtige Beiträge
- Jaime Burgos: Verbesserungen bei Migrationen und Diagnosefunktionen
- Angelo Parziale: zusätzliche Konvertierungs-Migration für NgClass/NgStyle
- Hryhorii Avcharov: neuer Transfer-State-Tab in DevTools
- Luke Beach, Ruslan Lekhman, Cédric Exbrayat, Younes Jaaidi u. a.: Verbesserungen rund um Vitest und CDK

Das Ergebnis der Abstimmung zum Angular-Maskottchen soll am 20. November 2025 beim Release-Event auf YouTube bekannt gegeben werden
Das Angular-Team will mit Signal Forms und Angular Aria die Entwicklung einer skalierbaren und selbstbewusst nutzbaren Web-App-Umgebung weiter vorantreiben
Mit dem Befehl ng update ist ein Upgrade auf die neueste Version möglich

aqqnucs 2025-11-23

Bieten Sprachen oder Frameworks, bei denen die LLM-Leistung schlechter ist, solche MCP-Server an, um die Qualität der Antworten zu verbessern?

tested 2025-11-22

Die Unterstützung für einen offiziellen MCP-Server sieht gut aus; gibt es für React auch etwas Ähnliches?