Standard ITsquare Logo

Angular v18 ist jetzt verfügbar!

Angular Logo mit buntem Gradient von einem Rotton bis hin zu einem Lila-Ton. Symbolbild einer Technologie der Web-Entwicklung.

Angular v18 bringt eine Vielzahl neuer Features und Verbesserungen mit sich, die das Framework stabiler und benutzerfreundlicher machen. Das sind die wichtigsten Neuerungen dieser Version:

Zoneless Change Detection (Experimentell)

Bisher war die Bibliothek zone.js für die Change Detection in Angular verantwortlich. Diese Bibliothek brachte jedoch einige Nachteile mit sich. In Angular v18 sind die ersten experimentellen APIs für zoneless Change Detection verfügbar, was die Entwicklererfahrung und Performance erheblich verbessert. Entwickler können zoneless Change Detection in ihren Anwendungen testen, indem sie die neuen Provider nutzen und zone.js aus den Polyfills entfernen.

Verbesserungen bei der serverseitigen Rendering

Die serverseitige Rendering-Unterstützung wurde mit i18n-Hydration, besserem Debugging und Event-Replay erweitert. Diese Funktionen sind besonders nützlich für internationale Anwendungen und solche, die eine hohe Performance benötigen.

Angular.dev: Neue Heimat für Angular-Entwickler

Die neue Website angular.dev ist das offizielle Dokumentationsportal für Angular. Mit einer modernen Benutzeroberfläche, interaktiven Tutorials und einer verbesserten Suche bietet sie eine optimale Umgebung für Entwickler.

Material 3 und deferrable Views

Material 3 und deferrable Views sind jetzt stabil und bieten zahlreiche Verbesserungen. Diese neuen Funktionen können genutzt werden, um Anwendungen effizienter und performanter zu gestalten.

Built-in Control Flow und Signal APIs

Die neuen Control Flow-Funktionen und Signal APIs sind jetzt stabil und bieten eine verbesserte Syntax und Typüberprüfung. Diese Funktionen erleichtern die Implementierung von reaktiven Anwendungen.

Verbesserte Debugging-Tools

Angular DevTools wurden aktualisiert, um den Hydrationsprozess von Angular zu visualisieren. Entwickler können nun genau sehen, welche Komponenten hydratisiert wurden und eventuelle Fehler direkt in der Komponentensicht beheben.

Partial Hydration und Event Replay

Partial Hydration ist eine Technik, die es ermöglicht, Anwendungen schrittweise nach dem serverseitigen Rendering zu hydratisieren. Zudem wurde das Event Replay eingeführt, welches Benutzeraktionen während des Ladeprozesses aufzeichnet und nach der Hydration wiederholt.

Verbesserte Hosting-Optionen mit Firebase App Hosting

Firebase App Hosting unterstützt nun Angular-Anwendungen besser und bietet integrierte Unterstützung für Framework-spezifische Anforderungen, GitHub-Integration und weitere Firebase-Produkte.

Weitere Verbesserungen

Zusätzlich zu den großen Neuerungen wurden auch zahlreiche kleinere Verbesserungen basierend auf dem Feedback der Community implementiert, wie z.B. das Festlegen von Standardinhalten für ng-content und das Hinzufügen von Unified Control State Change Events.

Diese neuen Funktionen und Verbesserungen machen Angular v18 zu einem bedeutenden Update, das die Entwicklung moderner Webanwendungen weiter vereinfacht und optimiert. Entwickler sind eingeladen, die neuen Features auszuprobieren und von den erweiterten Möglichkeiten zu profitieren.