Show HN: Material Tailwind – open-source React components
material-tailwind.com
Show HN: Material Tailwind – open-source React components
1–7 of 7 posts
Re: Show HN: Material Tailwind – open-source React components
#2Can you customise the tailwind configuration? or apply tailwind classes to the components?
Re: Show HN: Material Tailwind – open-source React components
#3Re: Show HN: Material Tailwind – open-source React components
#4This is interesting, what's the benefit of advertising that it uses tailwind? Can you customise the tailwind configuration? or apply tailwind classes to the components?
Wish someone would explain to those of us not as deep in the trenches why that is!
Re: Show HN: Material Tailwind – open-source React components
#5This is interesting, what's the benefit of advertising that it uses tailwind? Can you customise the tailwind configuration? or apply tailwind classes to the components?
Tailwind is hot right now. Wish someone would explain to those of us not as deep in the trenches why that is!
Here's a few advantages that I've found from using it in the trenches:
- All HTML you write with HTML is truely portable, with no implicit dependencys on global classes (besides tailwind.css). All tailwind classes are utility classes, which don't have weird side effects.
- This also means you can copy/paste tailwind HTML into projects easily, and there's many sites you can just copy HTML from and it works!
- It doesn't obfuscate the underlying CSS, it simply shortens the boiler plate.
style="display: flex; align-items: center;"
Becomes class="flex items-center"
This also has the benefit of teaching you the underlying CSS. Where other CSS frameworks like bootstrap actually abstract CSS into complex classes and hierarchy's, that you have no idea what's actually being applied.- Finally, it's fast to develop, as you don't need to shift from HTML to CSS all the time. After a while you can work blazingly fast, creating components and annotating them with classes.
Anyway, that's my take, I like the concept and am glad it's taking off in industry!
Re: Show HN: Material Tailwind – open-source React components
#6Earlier quoted context omitted.
Tailwind is hot right now. Wish someone would explain to those of us not as deep in the trenches why that is!
> Wish someone would explain to those of us not as deep in the trenches why that is! Here's a few advantages that I've found from using it in the trenches: - All HTML you write with HTML is truely portable, with no implicit dependencys on global classes (besides tailwind.css). All tailwind classes are utility classes, which don't have weird side effects. - This also means you can copy/paste tailwind HTML into project…