Oczekiwanie wreszcie się skończyło.

Angular 12 jest już dostępny i deweloperzy są podekscytowani, podobnie jak firmy, których strony internetowe zostały zbudowane z użyciem Angulara. Aktualizacja tej platformy internetowej opartej na TypeScript przez Google została opublikowana 12 maja 2021 r.

Deweloperzy twierdzą, że ta wersja Angulara zbliża się do osiągnięcia „Ivy Everywhere”. Ivy to kanał kompilacji i renderowania nowej generacji. Innymi słowy, jest bardzo zaawansowany i może oferować funkcje, takie jak zwiększona szybkość ładowania strony, które nie były wcześniej dostępne.

Zespół Angulara ogłosił również, że View Engine zostanie usunięty w przyszłej wersji. Obecne biblioteki korzystają z View Engine, który nadal będzie działał z aplikacjami Ivy, ale autorom bibliotek doradzono, aby zaczęli przechodzić na Ivy.

Cechy kątowe 12

Usługa językowa oparta na Ivy zapewnia już kilka możliwości, takich jak uzupełnianie kodu, domyślne przejście z opcji opt-in i podpowiedzi wewnątrz szablonów. Oto niektóre z dodatkowych funkcji i ulepszeń w wersji 12 Angulara:

• Kompilacja przyrostowa — aby poprawić wydajność CLI kompilatora, Angular 12 umożliwia kompilację przyrostową w obecności przekierowanych plików źródłowych .
• Lepsze kodowanie — zerowanie koalescencji działa teraz z szablonami Angular. Może to pomóc w pisaniu jaśniejszego kodu w klasach TypeScript.
• Automatyczne przełączanie na nowy interfejs API — obecnie Angular Material i Angular CDK udostępniają nową powierzchnię interfejsu Sass API zaprojektowaną do użytku z nową składnią @use. Po aktualizacji do Angular 12 aplikacja automatycznie przełączy się na nowy interfejs API, aktualizując ją za pomocą aktualizacji ng.
• Możliwości migracji — teraz w Angular 12 dostępne są narzędzia, które pomogą w migracji starszych identyfikatorów lokalizacji do identyfikatorów przy użyciu najnowszych algorytmów.
• Inline SASS — Komponenty mają teraz obsługę wbudowanego SASS w polu stylów dekoratora @component.
• Wydajny — Uruchamianie ng build jest teraz domyślnie produkcyjne, co pomaga zaoszczędzić kilka kroków i zapobiega przypadkowemu wdrożeniu kompilacji programistycznych.
• Tryb ścisły — Tryb ścisły jest teraz domyślnie włączony w interfejsie wiersza polecenia. Może to pomóc w wyłapaniu błędów na wcześniejszym etapie cyklu rozwoju.
• Webpack 5 — Pakiet modułów Webpack 5 jest gotowy do produkcji.
• IE11 No More — nie otrzymujesz już wsparcia dla przeglądarki Internet Explorer 11.
• Obsługa kompilatora — w przypadku kompilatora oferowana jest obsługa przekształcania zasobów stylów komponentów .
• Uzupełnienia właściwości kątowych — uzupełnienia właściwości kątowych są teraz dostępne tylko w szablonach usługi językowej.
• Opcja kontekstu — opcja kontekstu została wprowadzona dla kompilatora-cli, aby umieścić dowolne żądanie, które pozwala na dostarczanie dowolnych danych w sposób bezpieczny dla typu. Ta funkcja rozwiązuje potrzebę konfigurowania przechwytywaczy w klientach HTTP na podstawie żądania.
• Przełom elementów DOM — w przypadku animacji elementy DOM są teraz poprawnie usuwane po usunięciu widoku głównego. To przełomowa zmiana.
• Usuwanie niepotrzebnych funkcji — w celu poprawy wydajności nieużywane metody zostały usunięte z DomAdapter.
• Migracja starszej wersji — do localize-extract dodawany jest nowy format o nazwie legacy-migrate w celu wygenerowania pliku JSON, którego można użyć do mapowania starszych identyfikatorów wiadomości na kanoniczne.
• Ulepszone sprawdzanie wartości NULL — Ścisłe sprawdzanie wartości NULL spowoduje zgłoszenie fragmentu, który może mieć wartość NULL. To przełomowa zmiana.
• Udoskonalenia APP INITIALIZER — Zmieniono typ tokena APP-INITIALIZER, aby dokładniej odzwierciedlał typy wartości zwracanych obsługiwanych przez Angular. To przełomowa zmiana.
• Zmiany funkcjonalności animacji — dodano obsługę wyłączania animacji za pomocą BrowserAnimationsModulewithConfig.
• Wprowadzenie wariantu emitEvent - Impreza emitować opcja została dodana do FormArray i FormGroup. To przełomowa zmiana.
• Lepsza kontrola — w routerLinkActiveOptions dodano dokładniejszą kontrolę .
• Implementacje routera — dozwolone są niestandardowe implementacje routera.
• Obsługa TypeScript — Dodano obsługę TypeScript 4.2 i porzucono obsługę TypeScript 4.0 i TypeScript 4.1.

• Implementacja metody appendAll() na HttpParams .
• Dla formularzy wprowadzane są walidatory min i max .
• Usługa Angular Language Service ma teraz funkcję, która umożliwia dostęp do lokalizacji komponentów korzystających z pliku szablonu.
• Nowa diagnostyka sugeruje teraz włączenie strictTemplates , oferując serwerowi języka sposób pobierania diagnostyki opcji kompilatora.

Dźwięki Angular 12 napakowane są mnóstwem nowych funkcji, z których wiele najprawdopodobniej otworzy tak wiele nowych możliwości budowania aplikacji internetowych. Można śmiało powiedzieć, że istnieje kilka innych frameworków, które w tym roku stanowią godną konkurencję dla Angulara.

Mówię konkretnie o React i Vue. Oba te frameworki wydały swoje najnowsze wersje na początku drugiego kwartału tego roku.

To, jak dobrze Angular wypada w porównaniu z Vue i React , nie mówiąc już o innych frameworkach, jest czymś, o czym zawsze możesz dowiedzieć się więcej i wybrać ten, który najlepiej odpowiada Twoim potrzebom. Mam nadzieję, że rozwiąże to wszystko, co nowego w Angular 12.