Angular 21: Neue Hauptversion mit Fokus auf Barrierefreiheit und Modernisierung

Angular hat mit Version 21 eine neue Hauptversion veröffentlicht, die zahlreiche Neuerungen und Veränderungen mit sich bringt. Im Fokus steht dabei der Fortschritt hin zu barrierefreier Webentwicklung sowie die Modernisierung des Frameworks selbst. Angular Aria, als Developer Preview implementiert, stellt ein wichtiges Werkzeug für die Entwicklung von barrierefreien Headless-Komponenten dar. Basierend auf den WAI-ARIA-Standards des W3C ermöglicht es Entwicklern, UI-Pattern wie Accordions, Menüs oder Listen in einem zugänglichen Format zu gestalten. Diese unformatierten Komponenten lassen sich individuell mit eigenen Styles anpassen und sind durch den Befehl `npm i @angular/aria` installierbar. Einen umfassenden Einstieg bietet ein dazugehöriger Guide mit Codebeispielen, Skin-Optionen und weiteren Informationen.

Gleichzeitig wird Entwicklerinnen und Entwicklern experimentelle Signal Forms zur Verfügung gestellt, eine Bibliothek zur Verwaltung des Form-States auf Basis reaktiver Signals. Diese soll neben einer verbesserten Developer Experience auch vollständige Typsicherheit beim Zugriff auf Formularfelder bieten und sich an einem zentralen, schemabasierten Validierungsmodell orientieren. Ein Leitfaden und umfassende Dokumentation zum Einsatz dieser experimentellen Funktion stehen bereits bereit.

Der Standard-Test-Runner in Angular 21 wird nun Vitest, während Karma und Jasmine weiterhin vollumfänglich unterstützt werden. Neue Projekte setzen standardmäßig auf Vitest, bestehende Projekte können jedoch ihren bisherigen Workflow beibehalten, sollten aber die Möglichkeit zur Migration zu Vitest in Betracht ziehen.

Ein wichtiger Schritt in Richtung Modernisierung ist auch der Abschied von zone.js. Diese Bibliothek, seit Anglers Anfang integraler Bestandteil des Frameworks, wird nun nicht mehr automatisch mit neuen Anwendungen geliefert. Neue Anwendungen nutzen stattdessen das Zoneless-Verfahren, welches laut Angular-Team Vorteile wie verbesserte Core Web Vitals, natives `async/await`, eine geringere Bundle-Größe und vereinfachtes Debugging bietet. Für bestehende Projekte steht eine Migrationsanleitung zur Verfügung.

Das Angular-Team betont die wichtige Rolle, die zone.js in der Entwicklung von Angular gespielt hat, während es gleichzeitig den Fortschritt hin zu einem effizienteren und modernen Framework unterstreicht. Detaillierte Informationen zu allen Aktualisierungen finden sich im Angular-Blog.

Schlagwörter: Angular Aria + Vitest + zone.js

Wie bewerten Sie den Schreibstil des Artikels?