Tailwindcss Tools you can't live Without as a Developer

How can I have the colors showing up directly on the editor like you have? Great video as always!

Install extension known as "tailwindcss intellisense"

Whats the theme name?

This is legit the best tailwindcss video I have watched in a while. You have no idea how helpful these are. Thank you!!!!

Your video is always next level..

One of the reasons tailwind is so good is because you don't have to think of a a classname, but using styled components like this just reintroduces that problem. Rest of the video is great, although I am surprised u didn't mention flowbite or headless UI

`@apply` is very powerful too. Thank you for the great content

this really awsome,If you can please teach us how to use Tailwind and MUI together, bcz there are no proper advanced components library for tailwindcss

This is plain ridiculous… you “ditch” CSS in favour of tailwind to avoid using class names.
Then again you reintroduce the naming issue by creating styled components but with tailwind syntax.
Really why all the hassle to use tailwind at first place. Use styled components or CSS modules.
All those years have passed but I fail to see the reasoning behind tailwind.
One can argue that makes more harm than good.

If you ever had to code a Paint clone for the web, what would your tech stack look like, what frameworks would you use?

Wonderful, really appreciate

headlessui is another important part of the tailwind ecosystem that one can not miss. Also, the free (not all) components from tailwindui.

What a banger.

Thanks man

Keep doing these micro-learning walkthroughs instead of one large project tutorial. This way it gives most developers to digest easier and quicker and less likely to fall into the trap of Tutorial Hell. Keep going brother, you got more and more subscribers now, keep going on giving us more and more micro-learning practical concepts🏆

You are the best. Thanks for sharing!!!

Hi can you do a vedio about styling when you have aloooot of pages and design system and stuff like design system rah wajd khs brk timplimentkh b css

How do you use hex color coming from api as color for any element in talwind css? I tried using arbitrary value technique but doesn't seem working. Please help

Maybe it is because i never used it, but tailwind seems as much code to me as just using the style="" on each element, and to then grouping them up and giving it a name makes me wonder if its not better to just use plain css

You got my subscription… and so much admiration!

doesn't twin defeat the purpose of using tailwindcss?

Please I need moreeeee!

you have to ask why tailwind if you just use style-components

Twin macro just look redundant as you can do these things inside the tailwind css file using apply clauses. Just another developer complaining about tailwind how difficult it is to read and ugly. Just stop using it and go back to css and leave tailwind for the rest of us that appreciate something that is actually easy to learn, understand and use.

What does euse mean? u keep saying euse

I am just a beginner in Web Development but can somebody explain to me why would I copy someone's pre-made code, aren't I supposed to be able to write it myself? Talking about the last section of the video

I wonder if this is way you are doing will effect SEO

Super useful! Thanks ❤

Well, I can live without those.

does Twin.macro works together with headwind extension?

I haven't been able to get Twin to work with Jsx like SolidJS.

Great review, I've been fighting exactly with these huge className lines. I'll defiantly use the Twin Macro approach but probably want to move them into a separate style file for the component.

incredible stuff gentleman, I really enjoyed your recommendations! thanks a lot

Dude. You said "don't worry links will be in the description." ..😢?

Too much code, no single example.

bro where is cva and twmerge

A better Tailwind Documentation VS Code extension is by a dev named 'alfredbirk'. This opens the docs side-by-side with your files in the editor browser, without launching another browser window Very handy 👍🏻

nice video!

totally insane, so much info in a 10 min video!!

love this, its amazing tools, thanks man

Twin.macro? Isn't Tailwind's one of PROS not to use css in js thus increasing productivity by adding small util classes in html ?

I'm sorry but this tool makes no sense. Entire point of tailwind is to use class names inline so that your css isn't tightly coupled to your html and vice versa, and so you don't need to name things etc. - author of tailwind made very good blog about thought process behind why tailwind is made in first place.

If you don't like this approach then that means tailwind is not correct tool for you, and should perhaps just use basic css/scss instead with BEM syntax <-- this is totally valid approach, but trying to use tailwind for this is not correct and will just lead into ugly css :P

When you have 3 consecutive div thatn have 3 different set of tailwind utilities is indeed hard to figure out.

lol. styled components suck

if you have to name a component or name class, just use styled-component with scss, tailwind in these cases is totally not nessesary

How can I watch the milimeters in each x and y border ?

Extremely Helpful! Thanks alot, it rlly helped me 💙

Not sure this makes sense.

my first video of yours and you're doing great work, but there is something to tell, for you talking can you please try to talk from your mouth and not your nose, i don't know if you would understand me but you look like you're sick or chocking, i'm sorry if this seems disrespectful but you can solve this problem because i've done that. ps : that's why i hate this sound of talking from nose
my respect