DEV Community

Kausik Das
Kausik Das

Posted on

Tailwindcss is beautiful ๐Ÿ‘Œ

If youโ€™re not a fan of writing manual css then Tailwindcss can save you a lot of time.

And itโ€™s beautiful. ๐Ÿ‘Œ

Oldest comments (36)

Collapse
 
chismo950 profile image
chismo950

I start using it today, very useful

Collapse
 
joelbonetr profile image
JoelBonetR ๐Ÿฅ‡

Your boilerplaty verbose templates disagree ๐Ÿ˜…

Collapse
 
ben profile image
Ben Halpern

I've become a big fan

Collapse
 
rayluxembourg profile image
Ray Luxembourg

I kinda feel like its a replacement for bootstrap.
This days i think css-in-js allows more dynamic application building.

Collapse
 
suchintan profile image
SUCHINTAN DAS • Edited

I have a different take this Kausik ๐Ÿค”. I have used Tailwindcss, CSS3, MaterialUi, Bootstrap, Bulma and Storybook. Even I have tried the preprocessors of CSS like SASS/SCSS.

Let me share what I learned after so many projects ๐Ÿคซ. These frameworks and preprocessors are always useful when it comes to building any high end component like autocomplete dropdown or a calender. But if you use it on normal components, then don't use it.

It's just not worth it, it would always be overkilling a simple thing and very bad in terms of optimizations. So, if you are a good developer, then you will always know when you are overkilling a simple thing and when you are doing it in the easy way โœŒ.

Collapse
 
decker67 profile image
decker

... but then you learn CSS.

Collapse
 
aviavinav profile image
Avi Avinav

At first, I hated Tailwind CSS but over time fell in love with it! I use it in all my projects now.

Collapse
 
crazybigworld22 profile image
Crazy Big World

I have been having a lot of fun with tailwind in the of late.

Collapse
 
tmills9208 profile image
Tyler Mills

I loved using it before and I may still use it in some projects for simplicity, because it identifies clearly what important utilities I need all within my react dom elements (which I could transfer to (s)css files at any time).

But now with that in mind, I am learning more with utilizing SCSS for everything, but it sure is helpful when I need to get straight to the point of what layouts and customizations I REALLY need.

Collapse
 
murashow profile image
Makar Murashov

Tailwind is great to build something fast and when you don't have a custom design, something like back-office or admin panel or just MVP version of your app. But my choice for now is styled-components or any other css-in-js libs.
Styled-components allows you to hold all your styles and logic separately (usually in a separate file), so you can pass props there (which is also has nice typings, thanks TypeScript for that) and SC decides what style to apply based on your prop. I had a chance to build a complex UI using tailwind-like styles, and I can't say that I liked it that much. You have to write a lot of conditions for tailwind classes to style an element, but with SC you could just pass a readable prop there (i.e. isSomething)

Collapse
 
prototowb profile image
Tobias Rauer

I don't understand you react guys. Css-in-js is the worst. People should just write proper BEM.