If youโre not a fan of writing manual css then Tailwindcss can save you a lot of time.
And itโs beautiful. ๐
If youโre not a fan of writing manual css then Tailwindcss can save you a lot of time.
And itโs beautiful. ๐
For further actions, you may consider blocking this person and/or reporting abuse
Oldest comments (36)
I start using it today, very useful
Your boilerplaty verbose templates disagree ๐
I've become a big fan
I kinda feel like its a replacement for bootstrap.
This days i think css-in-js allows more dynamic application building.
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 โ.
... but then you learn CSS.
At first, I hated Tailwind CSS but over time fell in love with it! I use it in all my projects now.
I have been having a lot of fun with tailwind in the of late.
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.
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)
I don't understand you react guys. Css-in-js is the worst. People should just write proper BEM.