DEV Community

Discussion on: TailwindCSS vs Styled-Components in ReactJs

Collapse
 
willholmes profile image
Will Holmes

Agreed! I think Tailwind solves a specific problem and solves it well. But it doesn't solve all the other problems very well. Personally, I feel it's always more beneficial to know how things work under the hood. Having to write CSS still enforces that practice whereas Tailwind doesn't.

Collapse
 
madza profile image
Madza

Currently, my favs are CSS modules or Styled JSX, depending on whether I want to style outside or inside of the component, respectively. Both are scoped and support bare CSS, which I love.

Thread Thread
 
willholmes profile image
Will Holmes

Oooh, I'll take a look into those two at some point. Would you favour either of them against styled-components?

Thread Thread
 
madza profile image
Madza • Edited

I like CSS modules or Styled JSX as both work well with NextJS, which I work with daily. Both have built-in support, meaning I don't have to worry about configuring anything.

I prefer Styled JSX over SC, as it is more close to bare CSS, and CSS modules are not CSS-in-JS solution, so it would not be fair to compare them with SC.

If you are looking for other alternatives, I would suggest looking into Svelte. It allows us to write CSS in style tags, while still working with components. A 'back-to-basics' approach, I really like.