Angular 19 bringt Neuerungen für serverseitiges Rendern

Das von Google entwickelte Webframework Angular führt in Version 19 neue Funktionen für das serverseitige Rendern ein. Daneben stabilisiert es bestehende APIs zur Reactivity, bringt zusätzliche APIs mit und widmet sich einer verbesserten Developer Experience sowie einem vereinfachten Erstellen von Themes. Auch die Arbeit an zoneless Angular geht weiter.

Neue und stabile Funktionen für serverseitiges Rendern

Angular 19 bringt mehrere Neuerungen für Server-Side Rendering (SSR). Dazu zählt die Developer Preview von Incremental Hydration für eine verbesserte Performance. Dadurch lassen sich Teile eines Templates mithilfe der Syntax @defer annotieren, um Angular anzuweisen, diese lazy zu laden und zu hydrieren, wenn spezifische Trigger auftreten. Das Preview-Feature lässt sich in einer beliebigen Anwendung nutzen, die SSR und vollständige Application Hydration verwendet. Weitere Hinweise zur inkrementellen Hydration finden Interessierte in der Dokumentation.

Als eine weitere Neuerung steht nun ein Interface namens ServerRoute bereit. Entwicklerinnen und Entwickler können damit konfigurieren, ob Angular individuelle Routen serverseitig rendern, vorrendern (prerender) oder clientseitig rendern soll. Dazu zeigt das Entwicklungsteam ein Beispiel, das Angular anweist, die login-Route auf dem Server, die dashboard-Route auf dem Client und alle anderen Routen vorzurendern:

export const serverRouteConfig: ServerRoute[] = [
  { path: '/login', mode: RenderMode.Server },
  { path: '/dashboard', mode: RenderMode.Client },
  { path: '/**', mode: RenderMode.Prerender },
];

Zudem hat das bereits bestehende Feature Event Replay den stabilen Status erreicht und ist nun standardmäßig aktiviert. Das gilt für alle neu erstellten Anwendungen, die SSR verwenden.

Heise-Konferenz: enterJS 2025

Die enterJS 2025 findet am 7. und 8. Mai in Mannheim statt. Die Konferenz bietet einen umfassenden Blick auf die JavaScript-gestützte Enterprise-Welt. Der Fokus liegt nicht nur auf den Programmiersprachen JavaScript und TypeScript selbst, sondern auch auf Frameworks und Tools, Accessibility, Praxisberichten, UI/UX und Security.

Das Programm geht voraussichtlich Mitte Januar live. Bis dahin lassen sich vergünstigte Blind-Bird-Tickets im Online-Shop erwerben.

zoneless weiterhin experimentell

Seit sechs Monaten ist experimenteller zoneless-Support in Angular verfügbar, um Change Detection ohne die eigenständige Bibliothek zone.js zu ermöglichen. Wie das Angular-Entwicklungsteam ausführt, sind allerdings weitere Feinschliffe notwendig, bevor das Feature in die Developer Preview übergehen kann – auch für das Jahr 2025 sind Arbeiten daran geplant.

Neben Updates für die Developer Experience und React Primitives, seit Angular 16 enthalten, widmet sich das neue Release darüber hinaus dem Theming. Der Support für die Komponentenbibliothek Material 3 ist bereits seit Angular 18 als stabile Funktion verfügbar. Nun baut Angular 19 den Support für das Theming weiter aus: Das neue Mixin mat.theme dient dem vereinfachten Erstellen benutzerdefinierter Themes.

Diese und weitere Highlights von Angular 19 fasst ein umfangreicher Blogeintrag zusammen. Auf GitHub sind alle Änderungen verzeichnet.

(mai)