Loading...

Angular Version 13 – was ist neu und lohnt sich das Update?

Was ist Angular?

Angular ist ein TypeScript-basiertes Framework von Google. Es dient zur Erstellung von Webanwendungen für mobile und Desktop-Geräten. Mit über 76.000 Sternen auf GitHub (Stand September 2021) ist Angular eines der beliebtesten und am meisten verwendeten Frameworks in der modernen Anwendungsentwicklung.

Zu Angulars klaren Vorteilen zählen dabei das einfach verständliche Command Line Interface (CLI), die große Bedeutung von Datensicherheit und die Einfachheit, Pakete von Drittanbietern zu integrieren.

Angular Version 13

Pünktlich wie ein Schweizer Uhrwerk bringt Google alle sechs Monate eine neue Version von Angular heraus. Wir haben einen genauen Blick auf die bald erscheinende Angular Version 13 geworfen. In diesem ausführlichen Bericht werden wir Ihnen die wichtigsten geplanten Updates von Angular 13 näher bringen und ein Fazit ziehen, ob sich das Angular 13 Update lohnt.

Angular Version 13 Erscheinungsdatum

Am 4. und 11. August wurden bereits zwei Beta-Releases von Angular Version 13 auf GitHub (https://github.com/angular/angular/releases) veröffentlicht. Wenn man den Release-Abständen vertraut dann wird alle sechs Monate eine neue Version veröffentlicht. Angular 11 wurde am 11. November 2020 veröffentlicht, Angular 12 im Mai 2021.

Demnach sollte vermutlich Mitte November 2021 das neue Angular Update mit der Version 13 veröffentlicht werden.

Hilfe beim Angular 13 Update benötigt?

Angular Version 13 Features

Im folgenden Abschnitt gehen wir näher auf die wichtigsten geplanten neuen Features in der Angular Version 13 ein. Wir haben uns dabei die interessantesten Neuerungen herausgesucht und stellen diese hier vor.

Verbessertes Debugging und Testzeiten

In Angular wird mit dem sogenannten „TestBed“ gearbeitet. TestBed ist dabei die primäre API für das Schreiben von Unit-Tests für Angular-Anwendungen und -Bibliotheken.

Um die Testzeit in TestBed zu verkürzen, werden in der Angular Version 13 Änderungen in der API vorgenommen. In der finalen Version soll die Testumgebung nach jedem Testlauf automatisch auf- und abgebaut werden. Das führt auch zu einer besseren Isolierung zwischen den Tests.

Weniger Framework Overhead

Durch das Entfernen der veralteten „View Engine“ werden Wartungskosten, sowie die Komplexität der Code-Basis in Angular 13 verringert. Alle internen Tools wurden vorher auf Ivy umgestellt, sodass die Änderung reibungslos funktionieren sollte. Ivy ist eine Neuauflage der Rendering-Engine von Angular und wurde erstmals in der Angular Version 8 veröffentlicht. Durch Ivy werden einzelne Komponenten unabhängiger voneinander kompiliert, wodurch die Entwicklungszeiten verbessert werden. Weiterhin wird sogar in die Entwicklung einer Ivy-Bibliotheksdistribution investiert, sodass das Bibliotheksformat die Ivy-Kompilierung verwenden kann.

Ergonomische APIs

Webanwendungen haben häufig eine langsame, anfängliche Ladezeit. Durch ergonomische Code-Splitting-APIs soll in Angular Version 13 diese Zeit verringert werden. Dies soll mit Hilfe granularer Codeaufteilung auf Komponenten-Ebene erreicht werden.

Volle Nutzung der Framework-Funktionen mit Zone.js-Opt-out

In Angular Version 13 soll Zone.js zukünftig optional für Angular-Anwendungen werden.

Da Zone.js die native async/await-Syntax nicht unterstützt, gehen viele Vorteile verloren. Dadurch, dass Zone.js optional wird, kann das Framework vereinfacht und das Debugging verbessert werden. Außerdem wird die Größe der Anwendungspakete reduziert.

Bessere Entwicklungs-Ergonomie durch Strict Typing

Das Angular Entwicklungsteam arbeitet gerade an der Implementierung von Strict Typing in die „Reactive Forms“. So wird unter anderem eine bessere Unterstützung für Texteditoren und IDEs ermöglicht. Strict Typing bietet einige Vorteile. So kann man beispielsweise während des Programmierens die Dokumentation in der IDE abrufen. Zusätzlich bieten Type Constraints mehr Möglichkeiten für Compiler-Optimierungen und somit eine bessere Performance.

Optionale NgModule

Im kommenden Angular Update sollen NgModule optional gemacht werden. Das soll den Entwicklern dann ermöglichen, eigenständige Komponenten zu entwickeln und eine alternative API für die Deklaration des Kompilierungsbereichs zu implementieren.

Keine Browserkompatibilität IE11

In Angular Version 13 soll der Internet Explorer 11 Support nun gänzlich eingestellt werden. Behörden oder Institutionen, die noch den IE 11 verwenden und nicht bereits auf Microsoft Edge oder andere Browser gewechselt haben, werden hiervon sicher negativ beeinflusst werden. Wer weiterhin mit dem Angular Framework arbeiten möchte, sollte also einen Wechsel des Browsers in Erwägung ziehen.

Lohnt sich das Angular 13 Update?

Sollten Sie nicht gerade auf den Internet Explorer 11 angewiesen sein, würden wir Ihnen empfehlen Ihre Angular Version auf Version 13 zu aktualisieren. Wie in diesem Artikel aufgelistet, bringt dies einige Vorteile mit sich. Im Laufe der Zeit werden wahrscheinlich noch weitere nützliche Neuerungen hinzukommen.

Swipergy hilft bei Ihrem Angular 13 Update

Wir helfen Ihnen gerne dabei, Ihre Angular Version auf den neuesten Stand zu bringen, wenn Angular Version 13 veröffentlicht wird.

Bei Fragen kontaktieren Sie uns gerne unter info@swipergy.com oder rufen Sie uns unter +49 (0) 9193 50 866 54 an.


Alle Angaben ohne Gewähr, Irrtümer und Änderungen vorbehalten. Es wird für die Richtigkeit und Vollständigkeit keine Haftung übernommen. Alle genannten Marken und Produkte sind Besitz ihrer jeweiligen Eigentümer.