Tailwindcss Tools you can't live Without as a Developer

[@athulgeorge6744]

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

[@athulgeorge6744]

@@dokgu he still had to create a name for the div with all its styles and use that below in the return jsx. It might become confusing when ur using styled components alongside regular components, just my opinion tho

[@grenadier4702]

yeah it's such a problem to come up with a classname, especially when using css modules :)

[@youneshenni5417]

but you got to admit, all those utility classes in the jsx is just Ugly!

[@athulgeorge6744]

@@youneshenni5417 yeh ik they are ugly but honestly I don't care, it makes developing and debugging easier and thats all that matter to me

[@tankki1583]

Looks > Usability?

[@shinobi_coder88]

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🏆

[@emAyush56]

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

[@TopTop55-bs3bf]

Why? What does it do?

[@wplearnonline628]

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

[@luczztem]

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

[@jjaimealeman]

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 👍🏻

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

[@ellsonmendesYT]

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

[@marvii13]

Extremely Helpful! Thanks alot, it rlly helped me 💙

[@AlaaElrifaie]

You got my subscription… and so much admiration!

[@rudeadyet1992]

Super useful! Thanks ❤

[@marcelopetry1195]

You are the best. Thanks for sharing!!!

[@ahmady09]

love this, its amazing tools, thanks man

[@projectIranm]

Please I need moreeeee!

[@lukas.webdev]

If you want to watch another video on Tailwind: I just posted a new Tailwind CSS Tutorial (2023) - maybe this is also helpful ...😉

[@Indialoves1]

Your video is always next level..

[@wilsonibekason]

Wonderful, really appreciate

[@CaliburPANDAs]

What a banger.

[@mzhomie8880]

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

[@beyourahi]

at this point I'd use Next.js and Tailwind for literally everything. Might wanna look into the T3 stack. Cheers mate.

[@flan_02]

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

[@notfadeaway6617]

nice video!

[@regilearn2138]

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

[@divinehazrd]

daisyui?

[@yousfhamad70]

Thanks man

[@JoaoKunha]

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.

[@BandarAlmarri]

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

[@HikaruAkitsuki]

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

[@dummymail2495]

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

[@Antebios]

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

[@skrewed]

04:41 is a extension on vscode? bg- showing all available tailwind classes

[@henriquemagno9326]

does Twin.macro works together with headwind extension?

[@phucnguyen0110]

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

[@ExileEditing]

I believe it does it automatically in VS Code for CSS. If you're using tailwind and it's not working try using Tailwind CSS IntelliSense. It might enable it but I can't remember, Color Highlight is nice as well.

[@big-jo89]

extension called Color Highlight

[@coolemur976]

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 ?

[@ChrisWell79]

Well, I can live without those.

[@aram5642]

I can live without Tailwind, to begin with

[@ChrisWell79]

@@aram5642 savage!

[@nyambe]

doesn't twin defeat the purpose of using tailwindcss?

[@archmad]

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

[@seanleeduncan]

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

[@zakidzz]

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

[@klirmio21]

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

[@matthewleslie.9149]

It's good to know how to do things on your own, especially at the start. But if theres a premade component, or a design available its more valuable to use it and save the extra time. You should for sure know what you're copying, how it works and why. But at a later point saving time and stress is better.

[@SachinSharma590]

Install extension known as "tailwindcss intellisense"

[@UP209D]

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

[@BarraR3port]

Whats the theme name?

[@JackHsieh0715]

try Halcyon

[@xphstos_]

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.

[@grenadier4702]

tailwind is just a mess

[@Wizatek]

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

[@XxDukexRoyalxX]

If you’re building a big project it is 100x faster when you get familiar with the names. The style=“” method eventually can get very long when you have a class with a lot of attributes, so tailwind cuts it in half.

[@XxDukexRoyalxX]

I think if your not somewhat fluent with building layouts, then tailwind is not something to use yet.

[@abo_turab]

What does euse mean? u keep saying euse

[@kamill34]

bro where is cva and twmerge

[@Mugruokgt]

Not sure this makes sense.

[@TheChodex]

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

[@joaothomazini]

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.

[@jamesdenmark1396]

Too much code, no single example.

[@dan-bz7dz]

lol. styled components suck