# 1.	W jakim języku definiowane są style dla komponentów Reacta?
Możesz używać do tego języka CSS. Nie trzeba stosować żadnego specjalnego języka ani podejścia specyficznego dla Reacta.
# 2.	O jakich ważnych różnicach między projektami opartymi na Reakcie i rozwijanymi bez tej biblioteki trzeba pamiętać w trakcie przypisywania klas do elementów?
Klasy CSS zwykle przypisuje się do elementów za pomocą atrybutu class. W kodzie JSX jest to jednak atrybut className!
# 3.	Jak odbywa się dynamiczne i warunkowe przypisywanie stylów?
W taki sam sposób, jak dynamiczne albo warunkowe ustawianie lub przypisywanie innych wartości. Możesz przypisywać do propów style lub className zarówno wartości statyczne (zapisane na stałe), jak i wartości dynamiczne lub warunkowe. Te wartości należy umieścić w nawiasie klamrowym.
# 4.	Co oznacza „ograniczanie zasięgu” w kontekście stylów?
„Ograniczanie zasięgu” dotyczy ograniczania zasięgu stylów do konkretnego komponentu. Dzięki temu style nie powodują kolizji z podobnymi stylami zdefiniowanymi w innym miejscu. Jest to ważne, gdy używasz nazw klas CSS. Ponieważ style CSS domyślnie są globalne, powtarzające się nazwy klas zdefiniowane w różnych miejscach powodują kolizje i zastępowanie jednych stylów innymi.
Gdy style są ograniczone do komponentu, takie kolizje nie występują. Jednak domyślnie zasięg stylów nie jest ograniczany.
# 5.	Jak można ograniczyć zasięg stylów do komponentu? Pokrótce opisz przynajmniej jedną technikę pomocną przy ograniczaniu zasięgu.
W ograniczaniu zasięgu pomocne są różne podejścia i biblioteki zewnętrzne. Jedną z często stosowanych technik, obsługiwaną domyślnie w projektach tworzonych za pomocą instrukcji create-react-app, jest używanie modułów CSS.
Gdy stosujesz moduły CSS, nazwy klas są przekształcane w procesie kompilacji na unikatową postać. Dlatego każdy komponent ma własne, unikatowe nazwy klas, które nie powodują kolizji z takimi samymi nazwami zdefiniowanymi w innych miejscach.
