The New TailwindCSS Looks Promising

A few days ago, tailwindcss released their 4.0 preview. It's already available to play around with, so let's see what changed and how it tries to be better than previous versions.

-- sources

-- my links

[BeyondLegendary]

Impressive, very nice. Let's see Paul Allen's css framework.

[faraonch]

Fantastic and nice summary. Comes at the right time while I started implementing a theming concept in a bigger corporate project.

[rayusaki]

Definitely a step in the right direction! Thanks for sharing your thoughts Josh!

[ernst]

Hmm...some great changes coming here. Thanks Josh

[regexPattern]

To be fair, those 53MB that the engine weights, are mostly from the oxide/creates/core/benches folder, which is a bunch of HTML files that weight around 52MB when added up. That means that the engine itself weights around 1MB (worth of source files).

[rainstorm]

If Tailwind CSS had a feature that allowed you to combine multiple utility classes into a single, compact syntax inside the class attribute, like this: lg:[bg-red-100 text-black] instead of lg:bg-red-100 lg:text-black, it would be awesome.

[adrian]

Globals.css appealed to me the most, as well as the quick configuration, but we will see in what direction it will ultimately go, thanks josh for another concrete episode without too much prolongation

[mohitcodeswell]

Slow? -> Rust -> 💥 Fast!!! -> Oh build time 💀

[jeresalem]

In development Lightning CSS typically runs on every change, not just once, so being fast there is great.

[HarshalHirve]

Thank you for all your videos. They help us a lot in understanding what's going in the IT space.

A request, can you please make few videos on how to make Micro Frontends using React & Next.js in 2024 ( I mean CSR MFs & SSR MFs)

[bcb]

Looks pretty impressive! Great round up.

[ivangechev]

When you said v4 I thought about v-for in Vue :D

[Jackson_Zheng]

Looks neat...but hate having to migrate in just a few months.

[ShoterOTP]

Glad I haven't switched to StyleX when they hyped it up.

[rjwhite]

how is this going to effect NextUI. I really like that library. It's like MUI meets Tailwind

[internetexplorer]

Noticed you didn't get autocompletion for your custom color, will that be the new way of doing things?

[mikelCold]

Build speed is important for iteration time, especially as development time increases (AI code). It is weird how the rust world is overshadowing the ts/js world. Why are the node/typescript people not making their compilers super fast so we don't need to use another tool?

[helleye]

Skipping tailwind.config will be huge. That was my main issue with shadcn so far (obviously I still used it cuz it's just so darn good, but making a full custom theme was a no go for me)
I don't really care about build time, but I mean, not gonna complain either. Good stuff.
Now the only thing I want is making a <Button colorScheme="red"/>, declaring the colors with concrete types or some other way like that.
And then do border-${colorScheme}-500`}
CVA made it a lot easier to do full color schemes like this, but you still need to manually type out the classes so tailwind knows they're used and should be included in the bundle. Or manually include them in the config file.
If that ever gets done I'll never even look at another styling framework again.

[RhythmRift]

hmmm so there is no more tailwind config file ?

[mattd]

I'm migrating to v4 only when shadcn will