[WyciekMarmolady]

Chciałbym uporządkować style na stronie, mieć kilka rzeczy ustawionych w jednym miejscu, bez redundancji.
Używam styled-components, wiem o ThemeProvider, jednak nie wiem jak najlepiej sobie poradzić najlepiej z tym.

Jak polecacie to załatwić? (W skrócie jak praktycznie to wygląda)
#pytanie #webdev #frontend #react #programowanie

[Rst00]

@WyciekMarmolady: to kara za używanie styled components :P Tylko css modules z scssem :P

[WyciekMarmolady]

@Rst00: jak to wygląda w przypadku css modules? Jakiś plik css z zmiennymi motywu który się importuje w plikach komponentu?

[Rst00]

@WyciekMarmolady: masz np. assets/styles/main.scss gdzie sobie importujesz inne globalne style, a każdy komponent ma osobny plik SCSS do którego sobie importujesz variables i tyle. Wszystko ładnie działa.

[WyciekMarmolady]

@Rst00: Nie da się tak w styled-components zrobić, że te variables importujesz?

[Rst00]

@WyciekMarmolady: nie mam pojęcia bo ze styled-components nie korzystałem, ale jak już to na pewno byś musiał jakiegoś HOC'a użyć bo musi jakoś to przemielić.

[trzeciodkonca]

@WyciekMarmolady: Własnie wczoraj widziałem tutorial ze style-components. Osobiście preferuję sposób @Rst00, ale gościu pokazuje jak można umieścić style-components w osobnym pliku i je exportować. Od 44 minuty:
https://www.youtube.com/watch?v=qu4U7lwZTRI

[WyciekMarmolady]

@trzeciodkonca: O, to jest wspaniałe. Chyba tego szukałem właśnie. Dziękuję :)