React - Jakich metod używacie do stylizowania komponentów?

Question

Jakie są Wasze  ulubione metody i dlaczego ? Która z metod jest uznawana przez programistów za najbardziej wydajną i uniwersalną ?

W skrócie im więcej info tym lepiej

Dzięki wielkie i Owocnego dnia Wszystkim!

Comments

Nie rozumiem pytania. Pytasz o narzędzia do stylowania? np styled-compnents? Czy może pytasz o biblioteki typu material UI?

---

Pytam o narzędzia.. ale jeśli masz ochotę napisać o bibliotekach bardzo Proszę...

---

A to czystego css nie można użyć?

---

Oczywiście że można...

Answer 1

Nie znam dobrego rozwiązania. Obecnie czekam na jakąś nową bibliotekę która zrobi coś ciekawego. W moim odczuciu narazie wieje nudą. CSS in JS jest spoko ponieważ pozwala współdzielić zmienne. Bez współdzielenia zmiennych czasem będziemy zmuszeni użyć funkcji getBoundingClientRect która jest problematyczna i zasobożerna. CSS in JS pozwala na łatwe usuwanie martwego kodu. Jednak w projektach które widziałem często działy się cuda. Stylowanie komponentów które są stylowanymi komponentami stylowanych komponentów. Najważniejsze w CSSach moim zdaniem to próba zachowania BEMa. Nie ważne czy piszesz zwykłe CSSy czy modularne, a nawet CSS in JS. Zawsze da się w jakimś stopniu zastosować chociaż zasadę max 3 zagłębień (blok - element - modyfikator). Styled-components u mnie mają minusa za utrudnianie semantyki ja lubię widzieć jaki znacznik HTMLowy używam. Obecnie w większości projektów używam SCSS + import w pliku z komponentem. 
 

Comments

Dzięki Wielkie za Cenne Info rafal612b

Answer 2

Widzę że to mozolnie idzie :/ więc poszukałem sam...

https://www.sitepoint.com/react-components-styling-options/

Odniesie się ktoś ?

Comments

Jeśli zależy ci na większej ilości opinii wrzucił bym pytanie na grupę : https://www.facebook.com/groups/972937362726271/ Lub poszukał tam czy ktoś juz o to nie pytał ;) Na tym forum mam wrażenie że mało osób pisze w React.

---

mam podobne wrażenia ...Dzięki Wielkie . Mam jeszcze jedno niezamknięte pytanie a zależy mi na informacji i nie lubię  otwartych i nieskończonych spraw ...Jeśli znajdziesz moment i coś wiesz zapraszam..:

https://forum.pasja-informatyki.pl/527177/firefox-developer-edition-zalety-wady-opinie

---

Niestety jestem fanem chrome ;)

Answer 3

Ja najczęściej używałem czystego scss oraz styled-components. Nie korzystałem z css modules ale podobno też są spoko. W react kłopotliwe jest to że nazwy stylów są per projekt a nie per komponent - dlatego czasami czysty scss może nie wystarczać. Styled-components są świetne ale mają kilka pułapek, które mogą wpłynąć na gorszą wydajność strony.

Comments

Dziękuje Bardzo, za cenne wskazówki Pawle