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
v4 announcement: tailwindcss.com/blog/tailwind...
-- my links
saas: www.animate-code.com/
newletter: www.joshtriedcoding.com/
discord: / discord
github: github.com/joschan21

Пікірлер: 39

  • @BeyondLegendary
    @BeyondLegendary2 ай бұрын

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

  • @Shura-yd4jq

    @Shura-yd4jq

    2 ай бұрын

    Look at that subtle off-white coloring. The tasteful thickness of the font. Oh my god! It even has hover effects.

  • @regexPattern
    @regexPattern2 ай бұрын

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

  • @rainstorm4161
    @rainstorm41612 ай бұрын

    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.

  • @mkvetny

    @mkvetny

    2 ай бұрын

    that's not really possible without framework integration with something like webpack, which adds a lot of complexity

  • @rainstorm4161

    @rainstorm4161

    2 ай бұрын

    @@mkvetny I understand complexity is a concern. However, if Tailwind offered a way to combine utilities, the potential benefits like cleaner HTML and easier maintenance could outweigh the added setup. Perhaps a future version could find a balance between simplicity and this kind of functionality.

  • @mkvetny

    @mkvetny

    2 ай бұрын

    @@rainstorm4161 if that's what you want you should take a look at unoCSS

  • @faraonch
    @faraonch2 ай бұрын

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

  • @rayusaki88
    @rayusaki882 ай бұрын

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

  • @ernst367
    @ernst3672 ай бұрын

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

  • @jeresalem
    @jeresalem2 ай бұрын

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

  • @inderjotsingh5868

    @inderjotsingh5868

    2 ай бұрын

    Runs to do what ?

  • @XTANCE

    @XTANCE

    2 ай бұрын

    @@inderjotsingh5868 to run of course.

  • @adrian34234
    @adrian342342 ай бұрын

    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
    @mohitcodeswell2 ай бұрын

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

  • @HarshalHirve555
    @HarshalHirve5552 ай бұрын

    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)

  • @rjwhite4424
    @rjwhite44242 ай бұрын

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

  • @ivangechev4243
    @ivangechev42432 ай бұрын

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

  • @mikelCold
    @mikelCold7 күн бұрын

    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?

  • @internetexplorer7880
    @internetexplorer78802 ай бұрын

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

  • @bcb3548
    @bcb35482 ай бұрын

    Looks pretty impressive! Great round up.

  • @ShoterOTP
    @ShoterOTP2 ай бұрын

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

  • @GamerSharp
    @GamerSharp2 ай бұрын

    good changes

  • @RhythmRift74
    @RhythmRift742 ай бұрын

    hmmm so there is no more tailwind config file ?

  • @helleye311
    @helleye3112 ай бұрын

    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 , declaring the colors with concrete types or some other way like that. And then do className={`bg-${colorScheme}-300 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.

  • @Jackson_Zheng
    @Jackson_Zheng2 ай бұрын

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

  • @koltuz
    @koltuz2 ай бұрын

    ok, i like this

  • @mattd5419
    @mattd54192 ай бұрын

    I'm migrating to v4 only when shadcn will

  • @abakah
    @abakah2 ай бұрын

    Did I hear you say chief 😂

  • @sammaxjorden
    @sammaxjorden2 ай бұрын

    Ok

  • @naranyala_dev
    @naranyala_dev2 ай бұрын

    tanstack, tanstack, tanstack

  • @TheOnlyJura
    @TheOnlyJura2 ай бұрын

    new tailwind looks promising? does that mean the previous version was absolute trash? you really are just a masked junior

  • @danko95bgd

    @danko95bgd

    2 ай бұрын

    yes it was trash just like the current one and every next one they release

  • @Houseofstartup
    @Houseofstartup2 ай бұрын

    hmm nothing big....

  • @coolemur976

    @coolemur976

    2 ай бұрын

    But does it give you pleasure?

  • @Houseofstartup

    @Houseofstartup

    2 ай бұрын

    @@coolemur976 nope

  • @coolemur976

    @coolemur976

    2 ай бұрын

    @@Houseofstartup That's what she said

  • @rayyanabdulwajid7681
    @rayyanabdulwajid76812 ай бұрын

    In tailwind, we are basically writing vanilla css. Therefore it absolutely sucks. Vanilla css is mich better

  • @unforgettable31

    @unforgettable31

    2 ай бұрын

    Tell me you don't use tailwind before telling me you don't use it.

Келесі