Tailwind V4 is WAY better than I expected

Tailwind V4 is WAY better than I expected. I had high hopes but this is so good omg

S/O Ph4se0n3 for the awesome edit 🙏

[insayn]

I couldn't stop imagining an old couple watching their son talk gibberish in their office from the door

[rslee]

The final minified build adds ~25kb to the CSS file compared to v3 because it outputs all of the config items as CSS variables regardless of whether you use them in your project or not. That's all of the default colors, shadows font sizes etc. Not a huge deal but something worth noting.

[tobiasjennerjahn]

I'm so happy that tailwind is under the stewardship that it is. I remember when it first gained traction there were so many salty devs that just could not see past the inline classes and deriled it as cluttered and unmaintainable. But they knew what they had and consistently improved it, converting a lot of people to it along the way. Now tailwind is so popular that an ecosystem of ui components has popped up around it, that are both easy to edit and intercompatible. How great is that. I recently had to go back into an old codebase to change something and working with those huge global css files with their mile-long class names because of global scopes is a certified pain in the ass.

Also the Refactoring UI Book from the same guys is literally my design bible. I'm a programmer, not a designer, but simply reading through that book enabled me to create apps that just look and feel so much more cohesive than 90% of programmer art. Eternally grateful for those guys are providing to the dev community.

[pokefreak]

7:30 imo merging tailwind classes should be part of tailwind itself and done at compile time. It would require deeper integration with frameworks but the current pattern where people constantly recompute their classlist at runtime is an anti-pattern and can seriously hurt performance. And if you really need realtime style updates we already have a tool for that in CSS custom properties.

[shapelessed]

Funny now web was almost entirely self-contained for a while where all web development tools were built in web technologies, and then suddenly out of nowhere, every tool imaginable is using rust under the hood...

[pepkin]

27:15 You know you can use CSS directly, right? Tailwind doesn't take away that ability. If there is something you want to use now, like font-stretch, use it now, no need to wait for Tailwind 4.

[KarlOlofsson]

Haha, kudos for giving us tech news promptly, but don't ignore your parents too much 😁

[WeAskToAI]

For a moment with a mic in hand you seemed Freddy Mercury but with stylish hair

[iTz_Nao]

"I am too American to pronounce a German word. They lost the war, I don't have to respect their pronunciations"
- Theo 2024

[BleedingDev]

I probably don't like full CSS config with all magical @rules. In TS I have type-checking for plugins. Who's gonna add it to CSS? 🤔

[dvkerns]

I really dislike this change from bracketed variables, removing a big guardrail and compounding cognitive load. 💔

[voidmind]

"Vite" is the French word for "Fast", just like "Vue" is the French word for "View". As someone who's native language is French, I can confirm that you are pronouncing Vite correctly.

[zaneflow]

No more tailwind.config.mjs|ts|js|cjs 🥳

[edwardallenthree]

I am not thrilled with the idea of getting rid of my (as the commentor said, type safe) tailwind config.

On the other hand, I already do several things in css in addition to tailwind, that put it at all in one file might, might, might be a better idea.

[dbarnesdigital]

I can’t believe people sit around and wait for tailwind for CSS features that already exist and then praise Tailwind for letting them use things they could have already used if they weren’t dependent on Tailwind. . It’s like Stockholm syndrome.

[ShaqarudenGames]

Didn’t talk about one of my favourite features! For gradients you can change the direction around the colour wheel in which the gradients colours are generated from

[Exilum]

22:00 It makes sense, tailwind already had .5 increments (in the -2.5 to 2.5 range). They're making it homogeneous so without removing the .5 in that range it has to be expanded to the entire range.

[tommywheel]

Conic gradients are fantastic for rotating glows because they have an inflection point you can rotate the glow in animation

[modernkennnern]

The tailwind config change is the very definition of a "cute" change. It's similar to "magic" (Which nextjs excels at); Neither of which I would classify as a good thing. Yes, they might _feel_ correct, but they will inevitably break and just make life for the developer much harder in the end.

[RoyaltyInTraining.]

Looks like I started getting into Tailwind at exactly the right time