It's Time To Talk About This Tailwind Plugin 

josh in his buzzcut era 😎

I would add another benefit, sorting your class names isn't only good for readability and maintainability, it's also good for performance. Having all your class names always in the same order means longer repetitions in the generated HTML, which means more effective compression!

I am using this over 2 years.

Wait until Josh finds out that eslint-plugin-tailwindcss exists 💀

I've been using this for a while and I love it, too. There's another hidden benefit with this. By ensuring the order of classes are the same, it ensures that repeated classes will be the same and thus compress better.

This plugin is a game-changer for Tailwind CSS projects. 🎉

Dang, I did not know this was not in everyones projects...thanks Josh

It’s not 8 million people; those are downloads, which can be from the same company, project, different environments of the same app, or developer. It is remarkably high, but this is more accurate than saying 8 million people.

Did the girl you mentioned in the other video send you a DM?

"use Prettier for formatting and linters for catching bugs!", according prettier documentation. >> I rather use eslint-plugin-tailwindcss and other rules « no-custom-classname » for example

Seeing this channel grow has been amazing. Great video btw.

thank god they made it fix the spaces between. that was driving me insane. good video

The modern developer: it’s not about how you code, it’s about what plugins you know.

Great explanation 👍 I've had the plug-in installed for a while on plenty of projects, but never really looked into why it would sort the class names as it did. Your explanation cleared a lot of my misunderstanding. Thank 😎

You really been missing out for so long. Love your videos man, keep doing what you do 👌

Twin macros extends the capability of tailwind like chaining multiple rules under hover..though it renders every rule , twin intellisense throws errors and doesn't recognise some tailwind properties such as size, bg. It will be a gamechanger if it is fixed

This feature is freely available in Zed

Pretty sure they’ve been sorting classNames for awhile now

hehe was begging them in this 2+ years github discussion relentlessly. great to see this finally being built!

Josh! thanks I'm a web & software dev. but CSS & tailwind is not my strong suit and been tasked to do some tailwind CSS as of late. and had so many issues mainly with nav bars and buttons and nested dropdown buttons. and row/columns .. and this saved all the issues I had. so, thanks! .. now its 126 file changes LOL .

It's important to know that this plugin only brings the delete whitespaces feature after the 0.6 version.

I don't use Prettier, I use Biome and similar class sorting functionality is available there, but it's still experimental.

I was wondering why there is no plugin for sorting classes, today I got the answer.

So what's up with your date from the previous video? We wanna know!

Does the Headwind extension for VS Code do the same thing?

I always run "npx prettier --write ." after project is completed.

Alternative title: Josh tries buzzcut

idk how people code without this :D

Nice haircut Josh …. Forget tailwind

spreading a tweet to 7 minutes of a youtube video. You have mastered content making xdxdxd

I used to use this tool but it affects all your code instead of just the tailwind css classes. This is because you are required to install the original Prettier dependency. So far have not found a way to only affect tailwind classes. I am not a fan of the Prettier plugin as it messes up formatting.

What if I need to maintain order in certain conditions? Is there an easy way to flag some classes so those are ignored for sorting?

Tailwind css is the best thing that has ever happened in my life

time to learn about web dev from phil foden

not sure if it's just me, when I use the plugin, my eslint warnings and errors just doesn't show anymore.

I need a something to detect typos in my classNames, cuz it's easy to commit an error when following along Josh's tutorials 🔥

When did josh start using a mac?

Will it make the production build CSS smaller?

Hi Josh your discord link was expired I'm not able to join your discord server please fix it

ohh this is usefull, I'll definetly use this in my next project, maintaining classes order is a mess when it comes to large projects and it is not fun to play hide and seek with classes which is affecting the component and it's behaviour it wastes so much of my time in development this will defietly help , Thanks

Just installed this plugin and it's a game changer ....and now first video I see is josh talking about the same plugin is that a coincidence?

it existed since long time no?

Awsome!

Crisp Cut Josh! 🤑

Are you joining the army ?

Biggest non-sense ever seen. Ppl should avoid using tailwind. No-one so far could explain the benefit of it compared to using CSS properly (i.e. giving a component an ID or class name and use appropriate CSS selectors to style the component). So if I need to review some js/ts code, the first thing I ask the submitter is to drop that non-sense (and make the code readable). And than one does not need to think about order and overrides of the tailwind classes because CSS rules are pretty clear about how to handle the rules.

Bruh, I thought everybody use this. Lmao, I am learning to code and it been months since I started using this.

Can you use it with Biome?

shrek is scaring me

Ordering my tailwind classes really bothered me so after a quick Google search I found this plugin. I'm dumb though I haven't even used it yet.

"Once we format it..." how're you formatting, please?

thanks

Isn’t this just the headwind plugin?

0:03 These are not 8 Million people, I love Tailwind but these stats do not represent 8 million people🤣

Hey Josh let's try Remix js.

Huhhh lol this was the first thing I looked for when I started using TW like 2 years ago

Glad I knew it before!

Omg... not using prettier? Tailwind with prettier is amazing! Tailwind without prettier is unusable.

This is an old plugin though 😂

Finally!

Looking cute in thi hairstyle 😅

Awesome

Wow

hey bro im big fan here

meaow

bro ur the best and I like u but why some time u talk so quickly like someone is hunting u 🙂 bro calm down everything gonna be ok

It is ironic that Prettier is called "Prettier" but generates pretty mangled, ugly-looking code.,,

first

pathetic attempt to make Tailwind trash usable

clickbait

thanks