{"id":2602,"date":"2024-10-04T08:00:00","date_gmt":"2024-10-04T06:00:00","guid":{"rendered":"https:\/\/aptex.de\/?p=2602"},"modified":"2024-10-03T16:12:05","modified_gmt":"2024-10-03T14:12:05","slug":"angular-19","status":"publish","type":"post","link":"https:\/\/aptex.de\/blog\/angular-19\/","title":{"rendered":"Angular 19: was erwartet uns?"},"content":{"rendered":"\n<p>Wie viele andere warten auch wir gespannt auf das Release von <strong>Angular 19<\/strong>. Nachdem <strong>Angular 18<\/strong> im Mai 2024 ver\u00f6ffentlicht wurde, steht im November die n\u00e4chste Version in den Startl\u00f6chern. In diesem Artikel werfen wir einen Blick auf die best\u00e4tigten Neuerungen und spekulieren \u00fcber m\u00f6gliche Features.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-ruckblick-was-brachte-angular-18\">R\u00fcckblick: Was brachte Angular 18?<\/h2>\n\n\n\n<p>Bevor wir uns den Neuerungen von <strong>Angular 19<\/strong> widmen, lohnt sich ein kurzer R\u00fcckblick auf die Vorg\u00e4ngerversion. <strong>Angular 18<\/strong> f\u00fchrte einige bedeutende Verbesserungen ein:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Experimenteller Support f\u00fcr zoneless Change Detection<\/li>\n\n\n\n<li>Neue Website mit umfangreicher Dokumentation: angular.dev<\/li>\n\n\n\n<li>Material 3, <em>Deferrable Views<\/em> und der <em>Built-in Control Flow<\/em> wurden stabil<\/li>\n\n\n\n<li>Verbesserungen im serverseitigen Rendering<\/li>\n\n\n\n<li>Unterst\u00fctzung f\u00fcr Fallback-Inhalte in ng-content<\/li>\n<\/ul>\n\n\n\n<p>Diese Neuerungen legten den Grundstein f\u00fcr die Weiterentwicklung des Frameworks, die wir mit dem November-Release erwarten d\u00fcrfen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-bestatigte-neuerungen-in-angular-19\">Best\u00e4tigte Neuerungen in Angular 19<\/h2>\n\n\n\n<p>Einige Features wurden bereits <a href=\"https:\/\/blog.angular.dev\/the-future-is-standalone-475d7edbc706\">offiziell best\u00e4tigt<\/a>:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-standalone-wird-zum-standard-in-angular-19\">Standalone wird zum Standard in Angular 19<\/h3>\n\n\n\n<p>Eine der wichtigsten \u00c4nderungen der n\u00e4chsten Version ist, dass <code>standalone: true<\/code> nun der Standardwert f\u00fcr Komponenten, Direktiven und Pipes sein wird. Dies vereinfacht die Entwicklung und reduziert den Boilerplate-Code erheblich.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-wiederbelebung-von-ng-deep\">Wiederbelebung von ng-deep<\/h3>\n\n\n\n<p>Nachdem ng-deep zuvor deprecated wurde, wird es in <strong>Angular 19<\/strong> wieder eingef\u00fchrt. Dies erm\u00f6glicht dir eine bessere Kontrolle \u00fcber das Styling deiner Komponenten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-aktualisierte-typescript-unterstutzung\">Aktualisierte TypeScript-Unterst\u00fctzung<\/h3>\n\n\n\n<p><strong>Angular 19<\/strong> wird nur noch TypeScript-Versionen ab 5.5 unterst\u00fctzen. Dies gew\u00e4hrleistet, dass du von den neuesten Verbesserungen und Features der Programmiersprache profitierst.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-spekulationen-zu-weiteren-features-in-angular-19\">Spekulationen zu weiteren Features in Angular 19<\/h2>\n\n\n\n<p>Neben den best\u00e4tigten Neuerungen gibt es einige vielversprechende Spekulationen zu <strong>Angular 19<\/strong>. Lass uns einen Blick darauf werfen:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-signals-als-zentraler-bestandteil-des-reactivity-model\">Signals als zentraler Bestandteil des Reactivity Model<\/h3>\n\n\n\n<p>Es wird erwartet, dass mit dem n\u00e4chsten Release Signals vollst\u00e4ndig in das Reactivity Model integriert. Dies k\u00f6nnte zu einer vorhersehbareren Zustandsverwaltung und einer konsistenteren API f\u00fchren. M\u00f6glicherweise werden auch neue Debugging-Tools f\u00fcr signalbasierte Komponenten in die Angular DevTools integriert.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-erweiterte-hydration-und-server-side-rendering-ssr\">Erweiterte Hydration und Server-Side Rendering (SSR)<\/h3>\n\n\n\n<p>Auch k\u00f6nnte die Hydration weiter verbessert werden. Ein Schwerpunkt k\u00f6nnte auf Partial-Hydration liegen, bei der nur die wichtigsten Teile einer Seite initial geladen werden. Dies w\u00fcrde die Ladezeiten und Core Web Vitals verbessern.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-lokale-template-variablen\">Lokale Template-Variablen<\/h3>\n\n\n\n<p>Eine der am h\u00e4ufigsten gew\u00fcnschten Funktionen sind lokale Template-Variablen. Obwohl sich diese Funktion noch in einem fr\u00fchen Entwicklungsstadium befindet, k\u00f6nnte <strong>Angular 19<\/strong> m\u00f6glicherweise eine native Unterst\u00fctzung daf\u00fcr einf\u00fchren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-erweiterungen-fur-barrierefreiheit-und-cdk\">Erweiterungen f\u00fcr Barrierefreiheit und CDK<\/h3>\n\n\n\n<p><strong>Angular 19<\/strong> k\u00f6nnte weitere Updates f\u00fcr Angular Material und das Component Dev Kit (CDK) bringen. Vor allem im Hinblick auf das <a href=\"https:\/\/aptex.de\/blog\/barrierefreiheitsstaerkungsgesetz-2025-bfsg\/\">Barrierefreiheitsst\u00e4rkungsgesetz<\/a> k\u00f6nnten neue ARIA-konforme Primitive die Erstellung barrierefreier benutzerdefinierter Komponenten erleichtern.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-mogliche-anderungen-in-der-core-funktionalitat\">M\u00f6gliche \u00c4nderungen in der Core-Funktionalit\u00e4t<\/h2>\n\n\n\n<p>Basierend auf den neuesten Entwicklungen im <strong>Angular<\/strong>-Repository k\u00f6nnten wir einige interessante \u00c4nderungen in der Core-Funktionalit\u00e4t sehen:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-verbessertes-fehler-handling\">Verbessertes Fehler-Handling<\/h3>\n\n\n\n<p><strong>Angular 19<\/strong> k\u00f6nnte die Art und Weise \u00e4ndern, wie Fehler w\u00e4hrend des <code>ApplicationRef.tick<\/code> behandelt werden. In Testumgebungen k\u00f6nnten diese Fehler nun erneut geworfen werden, was zu robusteren Tests f\u00fchrt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-anderungen-im-timing-der-change-detection\">\u00c4nderungen im Timing der Change Detection<\/h3>\n\n\n\n<p>Die Zeitplanung f\u00fcr die Change Detection k\u00f6nnte sich in <strong>Angular 19<\/strong> leicht \u00e4ndern. Dies betrifft insbesondere die Ausf\u00fchrung von Effekten und k\u00f6nnte Auswirkungen auf Tests haben, die bestimmte Annahmen \u00fcber das Timing der Change Detection machen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-umbenennungen-und-deprecations-in-angular-19\">Umbenennungen und Deprecations in Angular 19<\/h3>\n\n\n\n<p>Einige APIs k\u00f6nnten umbenannt oder deprecated werden. Beispielsweise wurde <code>ExperimentalPendingTasks<\/code> in <code>PendingTasks<\/code> umbenannt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-fazit-was-erwartet-uns-mit-angular-19\">Fazit: Was erwartet uns mit Angular 19?<\/h2>\n\n\n\n<p><strong>Angular 19<\/strong> ist ein vielversprechendes Update f\u00fcr das beliebte Framework. Mit der Standardisierung von Standalone-Komponenten, der Wiederbelebung von ng-deep und der verbesserten TypeScript-Unterst\u00fctzung adressiert es direkt die Bed\u00fcrfnisse der Community.<\/p>\n\n\n\n<p>Die spekulativen Features wie die vollst\u00e4ndige Integration von Signals, verbesserte Hydration-Techniken und erweiterte Micro-Frontend-Unterst\u00fctzung zeigen, dass <strong>Angular<\/strong> weiterhin innovativ bleibt und sich an moderne Entwicklungspraktiken anpasst.<\/p>\n\n\n\n<p>F\u00fcr dich als Entwickler:in bedeutet dies, dass du dich auf ein leistungsf\u00e4higeres, flexibleres und entwicklerfreundlicheres Framework freuen kannst. Die Verbesserungen werden dir helfen, effizientere und skalierbarere Anwendungen zu erstellen.<\/p>\n\n\n\n<p>Bleib gespannt auf den offiziellen Release von <strong>Angular 19<\/strong> in der Woche vom 19. November 2024. Wir werden diesen Artikel aktualisieren, sobald weitere offizielle Informationen verf\u00fcgbar sind.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wie viele andere warten auch wir gespannt auf das Release von Angular 19. Nachdem Angular 18 im Mai 2024 ver\u00f6ffentlicht wurde, steht im November die n\u00e4chste Version in den Startl\u00f6chern. In diesem Artikel werfen wir einen Blick auf die best\u00e4tigten Neuerungen und spekulieren \u00fcber m\u00f6gliche Features. R\u00fcckblick: Was brachte Angular 18? Bevor wir uns den [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":2628,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"23","_seopress_titles_title":"","_seopress_titles_desc":"Angular 19 steht vor der T\u00fcr! Wir haben uns die neuen Features &amp; Neuerungen von Angular 19 angesehen. Standalone ist die Zukunft!","_seopress_robots_index":"","footnotes":""},"categories":[23],"tags":[],"class_list":["post-2602","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angular-posts"],"acf":[],"_links":{"self":[{"href":"https:\/\/aptex.de\/wp-json\/wp\/v2\/posts\/2602","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aptex.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aptex.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aptex.de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/aptex.de\/wp-json\/wp\/v2\/comments?post=2602"}],"version-history":[{"count":4,"href":"https:\/\/aptex.de\/wp-json\/wp\/v2\/posts\/2602\/revisions"}],"predecessor-version":[{"id":2629,"href":"https:\/\/aptex.de\/wp-json\/wp\/v2\/posts\/2602\/revisions\/2629"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aptex.de\/wp-json\/wp\/v2\/media\/2628"}],"wp:attachment":[{"href":"https:\/\/aptex.de\/wp-json\/wp\/v2\/media?parent=2602"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aptex.de\/wp-json\/wp\/v2\/categories?post=2602"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aptex.de\/wp-json\/wp\/v2\/tags?post=2602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}