Hejto.pl
Dodaj post

Wpisz coś do wyszukania (minimum 2 znaki)

Kamil.jsKompan

Dołączył/a:

  • 6 wpisów
  • 27 komentarzy
  • 2 obserwujących
ProgramowanieTailwindCSS Jakie macie lub znacie sposoby na lepszą organizację klas zamiast bezpośrednio w DOM w className? W
Kompan3piorunów

@Melonusk https://github.com/ben-rogerson/twin.macro pozwala na połączenie Tailwinda ze styled-components, emotion i innymi bibliotekami.

Dzięki temu używając Tailwinda możesz tworzyć ostylowane komponenty i po prostu je importować z innego pliku zamiast zaśmiecać DOM długimi className'ami. Jeśli chcesz nadal możesz używać Tailwinda w DOM, tylko zamiast w className umieszczasz go w atrybucie "tw", więc przy istniejącym projekcie trochę trzeba zrobić w ramach migracji.

Dopiero wczoraj odkryłem tę bibliotekę, bo tak jak ty chciałem uporządkować trochę DOM bez porzucania Tailwinda, więc jeszcze nie wiem czy jest coś lepszego i jakie potencjalne problemy mogą wyjść przy używaniu tego. W readme są przykładowe projekty w różnych technologiach, więc można szybko sprawdzić i się pobawić.