Mentionsy

Dzisiejszym odcinku Subiektywnego Frontendu opowiemy Wam o zmianach w Angularze 20.

W maju 25 roku zawitał do nas Angular 20.

No dobra, ale co oprócz tego nam Angular 20 przygotował?

Zespół Angulara skupił się przede wszystkim na tym, żeby poprawić developer experience.

I trochę zmienia się ten Angular, on tutaj ewoluuje i widać trochę jakieś takie jaskółki, że on zmieni się nie do poznania zaraz.

Bo w zasadzie te wszystkie przygotowania i te wszystkie zmiany, które się dzieją, one spowodują tyle, że jak pojawi nam się jakiś taki Angular Developer, który zacznie się uczyć Angulara dzisiaj,

To on się nie połapie w tej aplikacji, która tam jest na produkcji od trzech lat, bo jak sobie wejdziecie na przykład na interaktywne tutoriale z Angulara, to tam się okazuje, że tam mało kto mówi o RxJS.

Więc to jest dobra informacja dla Angular Developerów.

Dobra, dalej oprócz tego oczywiście mamy zoneless, o którym już mówiliśmy przy Angular 18.

Nas i was tego SSR-a w Angularze użył i ja jestem bardzo ciekaw, bo ja miałem jeden use case, ale to był totalny over-engineering.

Mam teraz zbuildowaną statyczną aplikację w Angularze i jak muszę coś w tej aplikacji, w tej w zasadzie stronie zmienić, to wchodzę w kod źródłowy i robię replace all.

Zespół Angular'a zgadzał się z zespołem Chroma i dodali nowe DevTools.

Tak, więc dodali extra profiling, performance profiling dla angularowych aplikacji, gdzie możecie sobie sprawdzić, jak wyglądają na przykład dependency injection, serwisy, komponenty, ile to czasu zajmuje, bootstrappowanie aplikacji, bootstrappowanie komponentów i tak dalej.

No, zresztą jesteśmy teraz w procesie update'u na Angular 20, więc te wszystkie rzeczy... będziemy mieli w końcu trochę czasu, żeby się tym pobawić.

Nie no, ja oczywiście rozumiem tą zmianę i idziemy w stronę łatwiejszego i jak ktoś siedzi w Angularze długo, to dla niego to jest naturalne, ale dla kogoś z boku to wydaje się totalnym jakimś bezsensem, żeby to dodawać, więc ja to rozumiem, ale z drugiej strony później idę ci podkreśla, fajne ikonki dodaję i wiesz od razu co to jest za plik, szybciej nawigujesz.

No i jak wejdziecie sobie w te tutoriale, czy w ogóle dokumentację, bo my o to ostatnio zrobiliśmy, to się okazuje, że w dokumentacji na angular.dev jest dalej wszędzie Jasmine i Karma.

Ja domyślam się dlaczego, bo Jest po prostu z Angularem jakoś tak się bardzo nie lubi i my z tym też mamy problemy.

Ostatnio narzekałem, że Angular nie daje tych modern tools i tak dalej, że jest taki trochę... Ociąga się... O, widzę, że znalazłeś.

Angular Material.

Czyli zespół Angular przygotował dla nas gotowe prompty, a raczej konteksty dla gen.ai, czyli coś, co będzie nam pomagać generować lepszy kod, no właśnie w oparciu o jakieś LLM-y.

No tak, tylko że to jest bardzo generyczny kontekst o tym, czym Angular jest w zasadzie.

You are expert in TypeScript, Angular and skillful web application development.

Angular, zespół Angulara... Co ja teraz tak mówię?

Zespół Angulara.

To zespół Angulara.

To nie jest Angular.

Zespół Angulara postanowił wprowadzić maskotkę Angulara.

No cóż, ja nie mam preferencji, ale tak, jest publiczne RFC, można zagłosować na maskotkę Angulara.

No więc podsumowując, w sumie ten Angular 20 nie jest jakimś wielkim release'em.

Ja dzisiaj polecam The Angular Plus Show, czyli to jest po prostu nasza konkurencja, więc niestety polecam konkurencję, ale to jest podcast o Angularze z wywiadami.

Ja byłem zaskoczony, że oni mają tak słaby dźwięk, to jest... Nie no, dźwięk jest naprawdę kiepciutki, biorąc pod uwagę, że tych sezonów i epizodów mają naprawdę sporo, więc tak, moja polecajka to jest po prostu konkurencyjny podcast o Angularze, ale jeśli macie ochotę posłuchać o jakichś tematach, które tam były poruszone, ale po polsku, w naszym wydaniu, to też dajcie znać w komentarzu.

To co, to tyle w tym odcinku, więc pewnie nie możecie się doczekać, jak będziecie robić upgrade Angulara.