Dowiedz się o zupełnie nowych funkcjach Angular 9

W tym artykule dowiemy się, co nowego w Angular 9. Nowa wersja została uruchomiona niedawno 7 lutego 2020 r.

Mimo, że brzęcząca zmiana z 8 na 9 wydaje się ogromnym krokiem, v9 to niezwykłe wydanie, które obejmuje również naprawę błędu.

Ponadto istnieje wiele interesujących funkcji Angulara 9, które omówimy w tym artykule.

• Dojrzały rozwój z Angular
• Wbudowane funkcje Angular
• Angular mobile i Ivy
• Ulepszenia diagnostyki kątowej
• Type-safe i DI w Angular 9
• Benchmarki kątowe

Angular to obecnie najważniejsza platforma open source do tworzenia aplikacji mobilnych i internetowych.

Jest rozwijany przez Google. Angular istnieje na rynku od wielu lat z kompleksowym frameworkiem programistycznym, który zawiera komponenty, a także narzędzia niezbędne do tworzenia aplikacji internetowych.

Angular ma przejrzystą mapę drogową, a nowa główna wersja pojawia się co sześć miesięcy.

Również zespół Angular działa bardzo dobrze, dzięki czemu API nie zmienia się lub nie tak często, jak miało to miejsce z Angular 1 na 2.

To wspaniała rzecz, ponieważ zapewnia aktualność wszystkiego dzięki najnowszym funkcjom i najlepszym praktykom obsługiwanym przez JavaScript i TypeScript.

W tym artykule skupimy się na jednym z problemów, które uszkodziły poprzednie wersje Angulara, na przykład duże pliki wpłynęły niekorzystnie na czas pobierania, wydajność aplikacji i konsekwencje.

Kolejną istotną cechą, na której się skupimy, jest kompilator Ivy. Otrzymasz kompleksowe wyobrażenie o Bluszczu i jego znaczeniu w przyszłości Angulara. Wynik końcowy: rozwiązuje różne problemy z wydajnością aplikacji i dużymi pakietami.

Ponadto odbędzie się dyskusja na temat nowych funkcji, w tym obsługi internacjonalizacji i powiązań bez selektorów.

Dowiedz się o wydajności i pakietach JavaScript

Jednym z głównych problemów poprzednich wersji Angulara jest duży rozmiar pliku aplikacji, który jest odpowiednikiem tego utworzonego w pakietach JavaScript.

Jeśli dokonasz porównania Angulara z innymi bibliotekami, takimi jak Vue lub React, aplikacja Angular jest stosunkowo dobra.

W czasie pracy nie poczujesz różnicy. Chociaż wydajność Angulara jest dobra, czas ładowania zajmie dużo czasu, ponieważ prosta aplikacja jest również duża.

Rozmiar pakunków JavaScript daje również wiedzę na temat innych problemów. Jest wiele rzeczy do nauczenia się z Angularem, ponieważ jest to kompletny framework z wbudowanym sprzętem do programowania, podczas gdy inne
Biblioteki JavaScript skupiają się bardziej na komponentach.

Co zespół Angulara może zrobić, aby złagodzić problemy wynikające z ogromnych plików pakietów w poprzedniej wersji?

Angular Ivy rozwiązuje różne problemy

Jedną z najważniejszych funkcji, które zostały dołączone do Angulara 8, był podgląd opcjonalnego Ivy.

Ivy to obecnie zupełnie nowy potok renderowania i nowa wersja wewnętrzna. Renderer to generalnie silnik, który pobiera instrukcje, które umieszczasz w komponentach Angulara z szablonami.

Pełni również funkcję tłumaczenia komponentów na instrukcje, które zmieniają DOM (Document Object Model).

Kompilator Ivy jest ukryty i zastępuje ViewEngine w Ivy, ale to nie zmienia sposobu, w jaki pracujemy z Angularem. Ale to nie zmienia sposobu, w jaki pracujesz z Angularem.

Zmiana ma znaczący wpływ na generowany kod.

Podgląd Angulara 8 pomaga użytkownikowi w łatwym funkcjonowaniu z Ivy. W przypadku korzystania z samouczka Angular 9 Ivy jest obecnie jednym ze standardowych rendererów.

Jeśli renderer jest łatwy do zaimplementowania i wydajny, oznacza to, że możesz utworzyć mniej kodu, ponieważ nie potrzeba więcej instrukcji.

Ivy dostarcza bardzo mniej pakietów JavaScript, dzięki czemu rozwiązuje wszystkie słabości związane z pakietem Angulara.

Ponadto Ivy zmieni całą grę, ponieważ przeniesie aplikacje Angular na zupełnie nowy poziom pod względem rozmiaru i wydajności.

Ivy nigdy nie zmienia sposobu używania Angulara, ale zmienia całą technikę generowania aplikacji.

Zespół Angulara zwraca uwagę na takie inicjatywy, jak tom różnicowego obciążenia współczesnego JavaScript, który jest wpajany za pomocą Angulara.

Oznacza to, że różne pakiety wypełniaczy są wdrażane i rozwijane razem.

Zwinne aplikacje mobilne z Angular Ivy

Smartfony i różne urządzenia odpowiadają za większość ruchu na całym świecie. Ponadto wiele osób uzyskuje dostęp do stron internetowych z lokalizacji, które mają wolne połączenia internetowe.

Większość programistów może naprawiać istniejące aplikacje, aby zmniejszyć rozmiar narzędzi do pobrania i zwiększyć wygodę użytkownika, ale takie zmiany mogą być naprawdę drogie, trudne i ryzykowne.

Zmniejszając rozmiar pakietów JavaScript, Ivy staje się mile widzianym ulepszeniem dla programistów, którzy chcą przyspieszyć procedurę tworzenia.

Ulepszenia diagnostyki kątowej

Wcześniej kompilator Angular generował zarówno wewnętrzną diagnostykę interfejsu API, jak i diagnostykę TypeScript. Jednak diagnostyka TypeScript skorzystała z bieżących ulepszeń, które nie zostały zaimplementowane w diagnostyce interfejsu API.

Zamiast pracować z wieloma formatami, Angular 7 całkowicie sprawi, że proces będzie bezproblemowy, konwertując całą diagnostykę kompilatora Angular TypeScript na podobny format diagnostyki TypeScript.

Najnowsza wersja 9 również uniemożliwi aplikacjom unikanie potencjalnych problemów, używając rejestru schematów w celu weryfikacji powiązań DOM.

Ponadto spójna diagnostyka szablonów będzie korzystna we wspieraniu generowania opisowych komunikatów o błędach.

Aktualizacja w API Extractor

Angular jest zależny od różnych bibliotek oprogramowania, które rozwijają się osobno.

Użytkownicy Angulara nie mogą przegapić potencjalnych błędów, a najnowsze funkcje są zawarte w ich bibliotekach.

W odpowiedzi Angular 9 zaktualizuje API Extractor do zupełnie nowej wersji.

Angular wykorzystuje Bazel jako sprzęt typu open source, który umożliwia testowanie oprogramowania i automatyzację budynków.

Bazel to narzędzie zaangażowane w czas kompilacji przez łańcuch narzędzi Angular.

Daje również korzyści z silnika kompilatora TypeScript do tworzenia raportu umowy, wykrywania wyeksportowanej powierzchni interfejsu API projektu oraz braku widoczności i niespójności. Tworzy dokumentację API.

To wcale nie jest ekscytująca aktualizacja, ze względu na funkcje takie jak ekstraktor API i regularne ulepszenia usługi językowej, które sprawiają, że framework jest wydajny i produktywny.

Co kryje przyszłość Angulara?

Wraz z pojawieniem się Angular 9, społeczność może czerpać korzyści z małych aplikacji do aplikacji o wysokiej wydajności i znacznego doświadczenia programistów.

Deweloperzy mają również bardziej precyzyjną strukturę projektu, a także składnię cleat.

Zespół Angulara przewidział również, że nie ma wymogu większych zmian w APU.

Czy jest więcej przestarzałych i alternatywnych metod tworzenia komponentów?

W przyszłości większy nacisk zostanie położony na wykorzystanie większej ilości czasu na opracowywanie dyrektyw i komponentów, a mniej na utrzymywanie ich razem.

Zespół Angulara pomaga również w niektórych zaleceniach w niektórych naprawionych problemach z kompilatorami i pakietami modułów.

Podczas tego procesu zespół migruje również zminifikowaną Terser w celu lepszego analizowania dla kompilatora Ivy w oparciu o zalecenie zespołu Angulara.

Jeśli chcesz również zbudować aplikację mobilną za pomocą AngularJS Mobile App Development , nadszedł właściwy czas, aby skontaktować się z Elsner.