Winkel 10 – Alles über die neuesten Funktionen und Updates

Am 24. Juni 2020, Winkel 10 wurde aber diesmal mit der Beta-Version gestartet. Es ist eine große Veröffentlichung; Dennoch wird sich diese neueste eckige Version stark auf die Qualitätswerkzeuge und das Ökosystem konzentrieren, anstatt neue Funktionen einzuführen.

Wenn Sie ein Web-App-Entwickler sind, der Angular für jedes Projekt verwendet, sollten Sie nach den Grundfunktionen und Wertschöpfungen der neuesten Angular-Version 10 suchen. Schauen wir uns die wichtigsten Funktionen und Wertangebote von Angular 10 an!

Funktionen und Updates von Angular 10

1. Warnungen bei CommonJS-Importen

Eine mit CommonJS in Ihren Projekten gepackte Abhängigkeit kann die Geschwindigkeit des App-Ladens beeinträchtigen und zu einer langsameren Funktionalität führen. Mit dem Angular 10 erhalten Entwickler jedoch Warnungen bezüglich der Verwendung von Abhängigkeiten, die mit CommonJS gepackt sind.

2. Optionale strengere Einstellungen

Angular 10 bietet eine strengere Projekteinrichtung zum Erstellen eines neuen Arbeitsbereichs mit ng new.

von neu – streng

Nachdem Sie dieses Flag zugelassen haben, beginnt das neue Projekt mit einigen neuen Einstellungen, die die Wartbarkeit verbessern, der CLI die Durchführung erweiterter Optimierungen für die App ermöglichen und dabei helfen, Fehler im Voraus richtig zu erkennen. Das Zulassen dieses Flags hilft bei der Konfiguration der App als nebenwirkungsfrei, um ein besser entwickeltes Baumschütteln sicherzustellen.

3. Neue Datumsbereichsauswahl

Angular 10 wurde mit der brandneuen Datumsbereichsauswahl geliefert. Um es zu verwenden, können Sie Elemente sowohl der Matten-Datumsbereichsauswahl als auch der Matten-Datumsbereichseingabe verwenden.

4. Verbessertes Engagement der Gemeinschaft

Angular verfügt über eine große globale Community von Entwicklern, die ständig Wertangebote für die Angular-Projekte im gesamten Spektrum bereitstellen. Zusammen mit dem Start von Angular 10 enthüllte die Organisation auch ihre bevorstehende Strategie, eine enorme Investition zu tätigen, um die Community einzubeziehen und die Plattform besser zu gestalten.

Aufgrund der ständigen Bemühungen, die Unterstützung der Angular-Community in die Bereitstellung eines besseren Toolset und eines besseren Frameworks einzubeziehen, könnte die Anzahl der Probleme auf natürliche Weise verringert werden. Die Organisation wird große Investitionen tätigen, um genauer mit der Angular-Entwicklergemeinschaft zusammenarbeiten zu können.

5. Steigern Sie die ngcc-Leistung

Sie können eine Leistungssteigerung feststellen, die durch Verringern der Größe des Einstiegspunkts erreicht wird. Darüber hinaus wird das Ausblenden von Abhängigkeiten innerhalb des Eintrittspunkt-Exponats implementiert und von dort gelesen, anstatt jedes Mal berechnet zu werden.

Früher, obwohl für einen Einstiegspunkt keine Verarbeitung erforderlich war, analysierte ngcc möglicherweise die Einstiegspunktdateien auf die Berechnung von Abhängigkeiten, was für large_node-Module viel Zeit in Anspruch nehmen kann.

Um die Leistung zu steigern, wurde die Berechnung von basePaths träge erstellt. Was früher getan wurde, als der Finder instanziiert wurde, wird derzeit nur für den Fall getan, dass dies in TargetedEntryPointFinder erforderlich ist.

6. Zeitlimit für asynchrone Sperre

Die Konfiguration des Async-Sperrzeitlimits ist weiterhin wahrscheinlich. Dies kann Unterstützung in der Datei ngcc.config.js, das Anpassen der Wiederholungsverzögerungen und Wiederholungsversuche im AsyncLocker umfassen.

Zur Überwachung des Zeitlimits wurde eine Untersuchung kombiniert, wobei die Datei ngcc.config.js verwendet wurde, um das Zeitlimit zu verringern und die maximierte Anwendung des Tests zu verhindern.

7. Umzüge und Korrekturen

Das Hauptentwicklerteam von Angular hat viel Verachtung gezeigt und einige Dinge von dieser Plattform entfernt.

Beispielsweise wurden FESM5- oder ESM5-Bundles aus dem Angular-Paketformat entfernt, wodurch die Dateigröße um mindestens 119 MB verringert wurde, falls Sie Paketmanager wie npm oder Yarn zur Installation von Angular verwenden.

Darüber hinaus wurde die Unterstützung für einige alte Browser wie Internet Explorer Mobile, Internet Explorer 9, 10 ebenfalls entfernt.

8. Compiler-Update

In der neuesten Version von Angular 10 wurde eine Compiler-Schnittstelle hinzugefügt, die den eigentlichen ngtsc-Compiler abdeckt. Angular 10 enthält auch Namensbereiche für Methodenaufrufe und Eigenschaftslesevorgänge. Daneben wurden den Metadaten auch ng-content-Selektoren, Abhängigkeitsdaten und der Angular-Sprachdienst hinzugefügt.

Es akzeptiert auch die Erstellung des genauen Kostenzeitraums in der ExpressionBinding eines Mikrosyntaxausdrucks an ParsedProperty, wodurch der Zeitraum möglicherweise für die Vorlagen-ASTs (sowohl Ivy als auch VE) erstellt wird.

9. TSLint v6, TSLib 2.9 und Typescript 3.9

Angular 10 bietet Typescript 3.9. Die Typescript-Sprache wird in JavaScript erstellt, indem die Syntax für Anmerkungen und Typdeklarationen eingeschlossen wird, die vom Typescript-Compiler zur Typprüfung des Entwicklercodes verwendet werden. Infolgedessen wird lesbares JavaScript bereinigt, das auf mehreren Laufzeiten ausgeführt wird.

Typescript hilft beim Speichern von Dateien mit seiner hervorragenden Bearbeitungsleistung für alle Editoren. Typescript 3.9 hilft dem Team bei der Arbeit an Stabilität, Politur und Leistung. Abgesehen von der Fehlerprüfung verbessert die neueste Winkelversion Dinge wie das Bearbeiten, Beschleunigen des Compilers, schnelle Korrekturen und Vervollständigungen.

10. Generisch mit ModuleWithProviders

Die Verwendung generischer Schlüsselwörter ist bei den ModuleWithProviders in Angular 10 obligatorisch geworden. Dies wurde hinzugefügt, damit die ModuleWithProviders-Muster mit der Rendering-Sequenz und der Ivy-Kompilierung funktionieren.

11. Fehlerbehebungen

In Angular 10 werden viele Fehlerkorrekturen durchgeführt, einschließlich des Entfernens der nicht adressierten Beispiele des Bereichs im Compiler und der Fehler, die aufgrund der Migration gemacht wurden, wenn das Symbol nicht vorhanden ist. Darüber hinaus wurde der Terser Inlining Bug auch in Angular 10 behoben.

12. Kombinieren mit vielen Übergangsdateien

Mit der Einführung der neuen Funktionen von Angular 10 können Entwickler viele Dateien auf einmal zusammenführen. Darüber hinaus wird diese Dateitransaktion über Messaging-Funktionen durchgeführt.

13. Resolver gibt leer zurück

Diese Funktion hilft beim Verlassen der Navigation. Sie müssen lediglich einen Resolver definieren, der leer zurückgegeben werden kann. Um mit der Navigation fortzufahren, müssen Sie die Resolver auf einen Standardwert aktualisieren.

So aktualisieren Sie auf Angular 10

Auf Github finden Sie die allgemeine Veröffentlichung of Angular 10. Führen Sie zum Aktualisieren der aktuellen Angular-Installation den folgenden Befehl aus:

von update @ update / cli @ angle / core

Fazit

Wenn Sie ein Mobil- oder Webentwickler sind, müssen Sie die Angular-Version aktualisieren. Die neueste Version erhöht die Erwartungen für die Angular-Entwickler mit Sicherheit ein wenig mehr.

Similar Posts

Leave a Reply