Informieren Sie sich über die brandneuen Funktionen von Angular 9

In diesem Artikel erfahren Sie, was es Neues in Angular 9 gibt. Die neue Version wurde kürzlich am 7. Februar 2020 veröffentlicht

Auch wenn die summende Änderung von 8 auf 9 wie ein großer Schritt erscheint, ist v9 eine außergewöhnliche Version, die auch die Behebung des Fehlers beinhaltet.

Darüber hinaus gibt es verschiedene interessante Angular 9-Funktionen, die wir in diesem Artikel diskutieren werden.

• Reife Entwicklung mit Angular
• Integrierte Funktionen von Angular
• Winkelhandy und Efeu
• Verbesserungen der Winkeldiagnostik
• Typsicher und DI in Angular 9
• Winkel-Benchmarks

Angular ist derzeit das wichtigste Open-Source-Framework für die Entwicklung von Mobil- und Webanwendungen.

Es wird von Google entwickelt. Angular ist seit vielen Jahren mit einem umfassenden Entwicklungsframework auf dem Markt, das sowohl Komponenten als auch Tools umfasst, die zum Erstellen von Webanwendungen erforderlich sind.

Angular hat eine saubere Roadmap mit einer neuen Hauptversion, die alle sechs Monate erscheint.

Außerdem funktioniert das Angular-Team sehr gut, sodass sich die API nicht oder nicht so oft ändert wie von Angular 1 auf 2.

Dies ist eine wunderbare Sache, da es alles auf dem neuesten Stand hält mit den neuesten Funktionen und Best Practices, die von JavaScript und TypeScript unterstützt werden.

Hier, in diesem Artikel, konzentrieren wir uns auf eines der Probleme, die frühere Versionen von Angular beschädigt haben, z. B. haben große Dateien die Downloadzeiten, die Anwendungsleistung und die Folgen beeinträchtigt.

Ein weiteres wesentliches Feature, auf das wir uns konzentrieren werden, ist der Ivy-Compiler. Sie erhalten eine umfassende Vorstellung von Ivy und seiner Bedeutung für die Zukunft von Angular. Endergebnis: Es löst verschiedene Probleme mit der Anwendungsleistung und großen Bundles.

Darüber hinaus werden neue Funktionen diskutiert, darunter Internationalisierungsunterstützung und selektorlose Bindungen.

Wissen über JavaScript-Leistung und Bundles

Eines der Hauptprobleme früherer Angular-Versionen ist die große Dateigröße der App, die einer in JavaScript-Bundles erstellten entspricht.

Vergleicht man Angular mit anderen Bibliotheken wie Vue oder React, schneidet die Angular-App relativ gut ab.

Während der Laufzeit werden Sie den Unterschied nicht spüren. Während die Leistung von Angular gut ist, wird die Ladezeit viel Zeit in Anspruch nehmen, da die einfache App auch groß ist.

Die Größe von JavaScript-Bundles vermittelt auch Know-how für andere Probleme. Mit Angular gibt es viele Dinge zu lernen, da es sich um ein komplettes Framework mit integrierter Entwicklungsausrüstung handelt, während andere
JavaScript-Bibliotheken konzentrieren sich mehr auf Komponenten.

Was kann das Angular-Team tun, um die Probleme zu mildern, die sich aus riesigen Bundle-Dateien in der letzten Version ergeben?

Angular Ivy löst verschiedene Probleme

Eine der wichtigsten Funktionen, die in Angular 8 enthalten waren, war die Vorschau von Ivy.

Ivy ist derzeit die brandneue Render-Pipeline und der neue interne Build. Der Renderer ist im Allgemeinen eine Engine, die die Anweisungen übernimmt, die Sie in die Komponenten von Angular mit Vorlagen einfügen.

Es führt auch die Funktion durch, die Komponenten in Anweisungen zu übersetzen, die das DOM (Document Object Model) ändern.

Der Ivy-Compiler ist versteckt und er folgt mit Ivy auch auf ViewEngine, aber das ändert nichts an der Art und Weise, wie wir mit Angular arbeiten. Dies ändert jedoch nichts an der Art und Weise, wie Sie mit Angular arbeiten.

Die Änderung hat erhebliche Auswirkungen auf den generierten Code.

Die Vorschau von Angular 8 hilft dem Benutzer, problemlos mit Ivy zu arbeiten. In Verbindung mit dem Angular 9-Tutorial ist Ivy derzeit einer der Standard-Renderer.

Wenn ein Renderer einfach zu implementieren und effizient ist, können Sie weniger Code erstellen, da keine weiteren Anweisungen erforderlich sind.

Ivy bietet sehr wenige JavaScript-Bundles an, wodurch alle Schwächen des Angular-Bundles behoben werden.

Außerdem wird Ivy das ganze Spiel verändern, da es Angular-Anwendungen in Bezug auf Größe und Leistung auf ein völlig neues Niveau heben würde.

Ivy verändert nie die Art und Weise, wie Angular verwendet wird, aber es verändert die gesamte Technik der App-Generierung.

Das Angular-Team achtet auf Initiativen wie das Differential Load Tome des modernen JavaScript, das in Angular eingeimpft ist.

Das bedeutet, dass verschiedene Polyfill-Bundles gemeinsam eingesetzt und entwickelt werden.

Agile mobile Apps mit Angular Ivy

Smartphones und verschiedene Geräte machen den größten Teil des weltweiten Verkehrs aus. Außerdem greifen viele Leute von Orten mit langsamen Internetverbindungen auf Webseiten zu.

Die meisten Entwickler können vorhandene Apps reparieren, um die Größe herunterladbarer Tools zu verringern und die Benutzererfahrung zu verbessern, aber solche Änderungen können sehr teuer, schwierig und riskant sein.

Durch die Reduzierung der Größe von JavaScript-Bundles wird Ivy zu einer willkommenen Verbesserung für Entwickler, die den Entwicklungsprozess beschleunigen möchten.

Verbesserungen der Winkeldiagnostik

Zuvor hat der Angular Compiler sowohl interne API-Diagnose als auch TypeScript-Diagnose generiert. Die TypeScript-Diagnose hat jedoch von aktuellen Verbesserungen profitiert, die in der API-Diagnose nicht implementiert wurden.

Anstatt mit mehreren Formaten zu arbeiten, macht Angular 7 den Prozess vollständig, indem es alle Angular TypeScript Compiler-Diagnose in eine ähnliche Art von TypeScript-Diagnoseformat konvertiert.

Die neueste Version 9 verhindert auch, dass Apps potenzielle Probleme vermeiden, indem die Schemaregistrierung verwendet wird, um die DOM-Bindungen zu überprüfen.

Darüber hinaus ist eine konsistente Template-Diagnose von Vorteil, um die Generierung beschreibender Fehlermeldungen zu unterstützen.

Upgrade im API-Extraktor

Angular ist auf verschiedene Softwarebibliotheken angewiesen, die separat entwickelt werden.

Angular-Benutzer können potenzielle Fehler nicht verpassen und die neuesten Funktionen sind in ihre Bibliotheken integriert.

Als Reaktion darauf aktualisiert Angular 9 den API-Extraktor auf die brandneue Version.

Angular verwendet Bazel als Open-Source-Gerät, das Softwaretests und Gebäudeautomation ermöglicht.

Bazel ist ein Tool, das an der Build-Zeit der Angular-Toolchain beteiligt ist.

Es bietet auch den Vorteil der TypeScript-Compiler-Engine, um einen Vertragsbericht zu erstellen, die exportierte API-Oberfläche des Projekts und fehlende Sichtbarkeit und Inkonsistenz zu erkennen. Es erstellt API-Dokumentation.

Es ist überhaupt nicht das aufregende Update, da Funktionen wie der API-Extraktor und regelmäßige Verbesserungen des Sprachdienstes ein Framework effizient und produktiv machen.

Was steckt in der Zukunft von Angular?

Mit der Einführung von Angular 9 kann die Community von kleinen Anwendungen bis hin zu leistungsstarken Anwendungen und beträchtlicher Entwicklererfahrung profitieren.

Entwickler haben auch eine präzisere Projektstruktur sowie eine Cleat-Syntax.

Das Angular-Team hat auch erwartet, dass keine größeren Änderungen der APU erforderlich sind.

Gibt es weitere veraltete und alternative Methoden zum Erstellen von Komponenten?

Zukünftig wird mehr Zeit darauf gelegt, Richtlinien und Komponenten zu entwickeln und weniger Zeit für deren Zusammenhalt zu haben.

Das Angular-Team hilft auch mit einigen Empfehlungen bei einigen behobenen Compilerproblemen und Modulpaketen.

Während dieses Prozesses migriert das Team basierend auf den Empfehlungen des Angular-Teams auch Terser-minified für ein besseres Parsing für den Ivy-Compiler.

Wenn Sie mit AngularJS Mobile App Development auch eine mobile App erstellen möchten, ist dies der richtige Zeitpunkt, um Elsner zu kontaktieren.