Tailwindcss Tools you can't live Without as a Developer

We all used Tailwindcss at some point as developers or even heard about how cool it is! In fact, it could get a lot cooler if you add some extra tools and plugins to your bucket as a developer. In this video, I'll show you my favourite tools, plugins and VSCode extensions that help me work with Tailwindcss like a professional and build excellent designs.

⭐ Timestamps ⭐
00:00 Intro
05:29 VSCode Extensions
07:37 Tailwindcss Plugins
08:58 Online Tools

🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize

🧭 Turn Design into React Code | From prototype to Full website in no time

🧭 Watch Tutorial on Designing the website on Figma

🧭 Watch Create a Modern React Login/Register Form with smooth Animations

🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools

🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React

🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app

🧭 Introduction to GraphQL with Apollo and React

Made with 💗 by Coderone

[athulgeorge]

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

[emAyush]

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

[shinobi_coder]

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🏆

[ellsonmendesYT]

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

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

[luczztem]

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

[wplearnonline]

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

[marvii]

Extremely Helpful! Thanks alot, it rlly helped me 💙

[AlaaElrifaie]

You got my subscription… and so much admiration!

[marcelopetry]

You are the best. Thanks for sharing!!!

[ahmady]

love this, its amazing tools, thanks man

[mzhomie]

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

[flan_]

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

[skrewed]

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

[regilearn]

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

[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.

[HikaruAkitsuki]

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

[coolemur]

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 ?

[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.

[archmad]

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