Angular w praktyce

7 kluczowych zmian, które dostał Angular 9.1

Zanim finalna wersja popularnego framework'u Angular 10 ujrzy światło dzienne, spójrzmy na 7 kluczowych funkcji jakie ostatnio dostał Angular w wersji 9.1
7 zmian w Angular 9.1

Angular 10 , czyli oczekiwana aktualizacja dla naszego ulubionego framework’u jest w drodze. Od wczoraj, tj. 16 kwietnia możemy pobrać i sprawdzić pre-release Angulara oznaczony jako 10.0.0-next.2

Zanim finalna wersja popularnego framework’u Angular 10 ujrzy światło dzienne, spójrzmy na 7 kluczowych funkcji jakie ostatnio dostał Angular w wersji 9.1

TypeScript 3.8

Wsparcie dla TypeScript 3.8, a co za tym idzie możliwość wykorzystania wielu nowych funkcji tego języka.

Wersja ta wprowadza wiele świetnych funkcjonalności do języka m.in:

  • Type-Only Imports and Exports
  • ECMAScript Private Fields
  • Top level await

Ulepszenie prędkości kompilacji

Znacząco przyspieszony czas budowania aplikacji poprzez wprowadzenie równoległego budowania dla Angular Libraries.

Od wersji Angular 9.1 narzędzie ngcc jest kompatybilne z kompilatorem Ivy

Zmiana jest szczególnie odczuwalna w projektach używających podejścia monorepo, gdzie budujemy wiele paczek

Nowa opcja przy generowaniu komponentów poprzez CLI

Możliwość ustawienia stylu display:block dla komponentów bezpośrednio z generatora CLI

Jeśli programista chce użyć stylu display:block zamiast standardowego display:inline, może skorzystać z opcji generatora CLI

ng generate component my-component --displayBlock

Możemy także ustawić powyższy sposób generowania jako domyślny poprzez ustawienie odpowiedniej wartości w angular.json

ng config schematics.@schematics/angular:component.displayBlock true

Testowanie End-to-End: grep i invertGrep

Testowanie End-to-End wspiera użycie narzędzi grep i invertGrep.

Programista może teraz uruchomić Protractora z odpowiednią opcją w celu określenia specyficznego zakresu testów do uruchomienia

ng e2e --grep searchTerm

Poprawione wyświetlanie składni

Poprawione podświetlanie składni dla Angular Language Service. Poprawione zostało wyświetlanie kodu w templatkach HTML

https://blog.angular.io/

 

Directionality Query API

Wprowadzenie Directionality Query API, które umożliwia obsługę internacjonalizacji dla języków typu RTL (right-to-left).

Domyślne użycie TSLint w wersji 6.1

Nowo utworzone projektu od wersji Angular 9.1 używają domyślnie TSLint 6.1

Jeśli chcemy w naszym obecnym projekcie podbić wersje, możemy skorzystać z polecenia

ng update @angular/cli --migrate-only tslint-version-6

Oprócz powyższych 7 kluczowych zmian, w Angular 9.1 zostało wprowadzonych wiele drobniejszych poprawek. Pełna lista jest dostępna w odpowiednio w changelogach: Angular frameworkAngular CLI oraz Angular components

Podziel się artykułem

Share on facebook
Share on twitter
Share on linkedin
Marcin Milewicz

Programista z pasji od prawie półtorej dekady, profesjonalnie przeszło 8 lat. Lead UI Developer. Po godzinach Toastmaster, a także miłośnik podróży, gór oraz psychologii. Silnie nastawiony na innowacje technologiczne i rozwój osobisty.

Marcin Milewicz

Lead Software Developer