Mentionsy

Dzisiaj pogadamy trochę o Design Systemach w Angularze, czyli o materialu.

No więc dobra, zacznijmy od tego, że Angular przychodzi ze wszystkim w pakiecie.

Między innymi jest to też Angular Material, czyli jest to googlowy design system.

Ale ogółem jakby Angular trochę nadgonił i pojawił się Material 3.

Ogółem ja bym to podsumował tak, że ma być trochę prościej, ma być trochę przyjemniej, bo kto ogarniał filming w Angularze 2, ten w cyrku się nie śmieje.

I najczęściej to się kończyło ng-deepem albo jakimś bardzo długim selektorem w CSS-ie, no bo nadpisanie jakichkolwiek wartości, jakiegokolwiek wyglądu komponentów w Angularze jest naprawdę upierdliwe.

Jak wejdziecie sobie na stronę Angulara i tych materialowych tematów, to tutaj możecie natknąć się na taką fajną rzecz, że jest taki...

No dobrze, wyeksportuję sobie to do web.css, bo nie ma Angulara.

Jakbym się nad tym zastanowił, to pewnie nawet to jest napisane w Angularze, ale dobra, nie czepiajmy się.

A tak, tak, tak, dlatego że, widzisz, bardzo dobrze mówisz, bo ja wam w ogóle chyba pokazałem nawet tego samego Angulara, dlatego on wygląda tak samo.

Mała poprawka, to jest dopiero nowy Angular, nowy material.

I dobrze mówisz, że tam jest taka dokumentacja w poprzednim Angularze migrating to MDC components.

A to dlatego, że po prostu w międzyczasie Angular przeszedł na komponenty, które pod spodem są web-komponentami.

Bo wcześniej mieli swoją własną implementację tych wszystkich UI-owych elementów, a później przeszli na nową, która jest właśnie przez inny zespół robiona, a oni tylko to wrapowali w Angulara.

Zasetupować tak, jak w zasadzie Material radzi, a Angular tego nie mówi, bo zrobił to po swojemu.

Bo okazuje się, że jest bardzo trudno znaleźć osobę, która umie zasetupować materialowy filming z Angularem.