Vincent TunruFeb 20, 2024

Theory: some people really dislike Tailwind because they tried to use it with plain HTML, and got fed up with having to repeat the same long class list for every element. I'd get annoyed - give me my CSS selectors, dammit! And then I'd write articles like this: https://heydonworks.com/article/what-is-utility-first-css/

Whereas if you're used to component frameworks like React, most of your selectors are specific to a single element in a single component anyway, and they only serve to add more indirection.

#Tailwind #TailwindCSS

What is Utility-First CSS?

Learn about utility-first CSS and what is meant by “utility“ in this context

HeydonWorks
Show threadKai Klostermann

@VincentTunru Can you elaborate a little? How do they serve to add more indirection?

I'm currently making up my mind regarding tailwind because my team chose to use it. ☺️

Thank you!

Feb 20, 2024 at 4:28pmWeb
Show threadVincent TunruFeb 20, 2024

@OddDev The indirection is that when you're looking at a component, you have to jump to a different file to see how it is styled. If those styles are tightly coupled to that component, that's an indirection that doesn't really provide much value.

Note that there are also other ways to achieve that, so that by itself doesn't determine whether Tailwind is actually right for you, so don't blame me if you still hate it 😅

Show threadKai KlostermannFeb 20, 2024
@VincentTunru thank you!