Just-In-Time: The Next Generation of Tailwind CSS

Поділитися
Вставка
  • Опубліковано 9 лис 2024

КОМЕНТАРІ • 503

  • @jarridcrews9024
    @jarridcrews9024 3 роки тому +407

    "I'm not the cops." That's just WHAT COPS WOULD SAY.

    • @iamsaura
      @iamsaura 3 роки тому +3

      Exposed

    • @natetronn
      @natetronn 3 роки тому +5

      I'm never building a design system using all brackets. You know, just to be on the safe side.

    • @webinatic216
      @webinatic216 3 роки тому

      but he might be the sheriff

    • @dossy.
      @dossy. 3 роки тому

      11:20 Adam's the undercover design system cops, noted.

    • @iftakharhussain
      @iftakharhussain 3 роки тому

      Can you guys help me setting the dev environment? I am new to js and want to lean tailwind. I can't figure out how to set dev environment like Adam Wathan.
      Someone Please help me.

  • @harvanchik
    @harvanchik 3 роки тому +212

    Just when we thought TailwindCSS could not get any better. This is amazing!

  • @FlorinPop
    @FlorinPop 3 роки тому +97

    This is awesome! 👏

    • @somerandomchannel382
      @somerandomchannel382 3 роки тому

      @Md Irshad Is there an example app using tailwind jit?
      Preferely also with CRA ?
      I would make an edit video of this there is alot missing.
      How to run from a new App
      How to add postcss:build
      Why not add the github repo in comment of what you showing Adam?

    • @juliantaylor8371
      @juliantaylor8371 3 роки тому

      i guess Im asking the wrong place but does anybody know of a method to log back into an instagram account??
      I stupidly forgot the account password. I love any tricks you can give me!

    • @alexliam9786
      @alexliam9786 3 роки тому

      @Julian Taylor instablaster ;)

    • @juliantaylor8371
      @juliantaylor8371 3 роки тому

      @Alex Liam i really appreciate your reply. I found the site thru google and I'm trying it out now.
      I see it takes quite some time so I will get back to you later when my account password hopefully is recovered.

    • @juliantaylor8371
      @juliantaylor8371 3 роки тому

      @Alex Liam It did the trick and I now got access to my account again. I'm so happy!
      Thanks so much, you really help me out !

  • @cowslaw
    @cowslaw 3 роки тому +85

    This blew my mind, and then you got to the on-demand classes. This is fantastic Adam, great work!

  • @abigah
    @abigah 3 роки тому +98

    "This is annoying" - Adam and team before rewriting the internet to be faster.

    • @fabiothebest89lu
      @fabiothebest89lu 3 роки тому +1

      @@green-coder-clj thanks for your work..I appreciate that.

  • @codybontecou
    @codybontecou 3 роки тому +31

    You guys clearly understand the headache within your framework. This looks like a massive step in the right direction.

  • @CodingNuggets
    @CodingNuggets 3 роки тому +57

    I love Tailwind. This just put a huge 😁 on my face. Adam, you are awesome! I'm so excited to see what's coming next in Tailwind.

  • @rukasu-se
    @rukasu-se 3 роки тому +18

    absolutely : awesome : like : just - [ wow ]
    I was always hesitant to use tailwind on specific designs, but this changes everything !

  • @mohammadoulabi4212
    @mohammadoulabi4212 3 роки тому +34

    This is legit the most shockingly amazing thing i have seen for css so fa

    • @mohammadoulabi4212
      @mohammadoulabi4212 3 роки тому +1

      @@green-coder-clj is that so for real? What idea exactly and what is the reference that its stolen

    • @milanosheineken6599
      @milanosheineken6599 3 роки тому +2

      @@green-coder-clj Do you have a patent? If not, get over it.

    • @johnp6759
      @johnp6759 3 роки тому +4

      @@milanosheineken6599 Why would he need a patent?... Would you honestly not support someone if they could prove they created something that was stolen/used without credit? (not saying this is the case here as I haven't yet looked into it). Just that saying "get over it" makes you look like a one-sided fangirl.

    • @aurelianspodarec2629
      @aurelianspodarec2629 3 роки тому

      @@johnp6759 So he can earn money for his ideas.

    • @milanosheineken6599
      @milanosheineken6599 3 роки тому

      @@johnp6759 Actually, no. I'm not on anyone's side, I'm just telling the truth.

  • @genehenson8851
    @genehenson8851 3 роки тому +6

    This is totally sick! I love it when developers understand the pain points of their tools and take steps to address them. What you've done here is far beyond expectation!

  • @PierreLebrunAnthony
    @PierreLebrunAnthony 3 роки тому +6

    Parameterized utility classes 🤯
    You've solved every single rough edge of tailwind in a single stroke of genius.
    Bravo 👏 Just... Bravo 👏

  • @JhonnyMichel
    @JhonnyMichel 3 роки тому +7

    GET OUT OF HERE! This is UNBELIEVABLE!
    I’m out of words, can’t even process how amazing this is

  • @zbecknell
    @zbecknell 3 роки тому

    This is unreasonably cool. I'm one of them "all variant" type people with a huge dev file... this is going to make things so much better. Astounding. I'm proud to support y'all with a Tailwind UI purchase as you GET IT! This wasn't even on the radar and I'm like "let's see what they have for 2.1!" and it's this awesomeness! Great job!!

  • @alexandros-markovits
    @alexandros-markovits 3 роки тому +8

    Love how tailwind evolves and how fast it does it! It should be the new standard already!

  • @lechretiendev
    @lechretiendev 3 роки тому +16

    Awesome. Best ever CSS Framework ✨🤩

  • @azzazkhansiddiqui
    @azzazkhansiddiqui 3 роки тому +2

    Best tooling for TailwindCSS! I'm simply in love with it! 😍 Hope they announce a stable version soon.

  • @ExpDev69
    @ExpDev69 3 роки тому +12

    So freaking hyped for this! Amazing work.

  • @tamrat_assefa
    @tamrat_assefa 3 роки тому +20

    This is sensational. I am really excited for this. I guess the only downside to this is no more playing around with adding classes in the dev tools because the classes won't be there. But that's something I can live without.

    • @Shaffefr
      @Shaffefr 3 роки тому +4

      I guess that most of the time the classes you'll play with will be available because used elsewhere. But I saw on Twitter that they are aware of this and I'm sure they'll find something 😊

    • @A.D.G
      @A.D.G 3 роки тому +9

      They’ll end up with some sort of TailwindCSS Dev Tools feature where you can add classes via the dev tools and there will be a Web Worker that does the JIT compilation in real time for you.
      Give it a bit and they will sort out these problems.

  • @FalkoJoseph
    @FalkoJoseph 3 роки тому +1

    Generating on-demand styles with those brackets is quite next-gen. Really impressive!

  • @Prajna11
    @Prajna11 3 роки тому

    Adam & Team, Thank you so very much for your hard work on this project. Please keep producing premium tools. Worth every penny. Much appreciated.

  • @clearcss3382
    @clearcss3382 3 роки тому +2

    Changing the game again. Whole `nother level. What we think is impossible, this man, team blows us away. Fantastic work!

  • @Ese_osa
    @Ese_osa 3 роки тому +1

    Absolutely amazing.
    Jit compiler idea for tailwind css is actually the work of genius mind

  • @ryanbeatbox
    @ryanbeatbox 3 роки тому

    Already plugged it into a project I'm working on, it's such a huge difference in output. Nicely nicely done.

  • @danieljames95
    @danieljames95 3 роки тому

    I've tried a LOT of different frontend styling options, and after working with Tailwind for a few months, I've become more and more confident that this is the best possible abstraction for styling websites. It just makes so much sense, and allows developers to move so quickly while ALSO encouraging them to stick to best practices and a consistent design system. That's a deadly combo. I can't imagine going back to any other option. I hope I never have to write another "outer-wrapper-content-container" class name again. I was already in love with Tailwind, but I'm super amped to see this square bracket syntax and this JIT stuff. Keep it up!

  • @serhiicho
    @serhiicho 2 роки тому +1

    Thank you Adam and others for working on Tailwind, we really need it

  • @horaciocoronel
    @horaciocoronel 3 роки тому

    Wow! Just wow! I'm blown away for all these new features! I want to try it ASAP! Congrats Adam and the Tailwind team!

  • @mohammadalishahbazi756
    @mohammadalishahbazi756 3 роки тому

    I have been using Tailwindcss for lots of projects, and I am saying this is a game-changer, seriously. LOVE IT

  • @dyunior
    @dyunior 3 роки тому +7

    Awesome integration, "almost" inspired by WindiCSS.. btw I cant wait to use it.

  • @Quabbe2
    @Quabbe2 3 роки тому

    Exciting! Not having to fiddle with the config file any longer is so huge. Thanks Adam and team!

  • @gustavovasquezveliz7046
    @gustavovasquezveliz7046 3 роки тому

    amazing. When I was learning tailwind, dealing with a config.js file was something that made me doubt about moving to this new framework. With jit compiler, things get more easy. Thanks.

  • @RangelNetto
    @RangelNetto 3 роки тому

    LOL. The bundle size was the unique thing I wasn't so happy in Tailwind. And right now, looks like I have nothing else to complain about! U guys are doing a amazing Job, thanks!

  • @sashankthupukari3933
    @sashankthupukari3933 3 роки тому +5

    Amazing work! So excited to try this out

  • @vcizek6047
    @vcizek6047 3 роки тому

    Amazing!!!! You blew my mind! I was waiting for this kind of feature. Superb work!!!

  • @stasdeep
    @stasdeep 3 роки тому +2

    This is mental! Exactly what I need, thank you so much for your amazing framework.

  • @noriods
    @noriods 3 роки тому

    Mind blown! Easily my biggest (and only) pain working with Tailwind. Solved! Thanks Adam for all that you and the team do!

  • @Vlmarq
    @Vlmarq 3 роки тому +1

    I am in love with the on-demand classes. Definitely a win for Tailwind!

  • @maskman4821
    @maskman4821 3 роки тому +1

    This is freaking awesome, tailwindcss is the most advanced css framework technology you can ever imagine, Adam Watham is really something, now I just need to take some good design courses and I recently found out figma channel will be releasing a series of design principle courses and hopefully I can learn something out of it and create appealing and stunning pages on my own !!!

  • @squishydough2866
    @squishydough2866 3 роки тому +1

    The impact of JIT cannot be understated. This is so cool.

  • @kelvinsmith4894
    @kelvinsmith4894 3 роки тому +4

    Wow... This framework made me fall in love with web dev.
    This hi how framework creators should be thinking

  • @leetrout337
    @leetrout337 2 роки тому

    This is really slick! I was just learning Tailwind and was confused what was going on. Thanks for this video

  • @tomasrodriguez4532
    @tomasrodriguez4532 3 роки тому

    Big stuff there, I really like it!!! Congrats Adams, I am waiting for the next generation of Taildwind CSS.

  • @loursk
    @loursk 3 роки тому

    This is really something that we all needed i guess, i had to close my dev tool all the time because my browser was really struggling with the css. I had to use purge on a dev environnement and compile everytime to get something smooth. Really great improvement!
    This is also really nice you thought about micro customizations like the use of px.
    Really nice job!

  • @webdecode5120
    @webdecode5120 3 роки тому

    Man tailwind is becoming like a whole galaxy for the frontend world I mean everyday it is coming with something new and unbelievable I was just out of control when saw the just in time thing and really man you are awesome.
    I saw this video and next minute I added jit in my trial project and it feels great when styles and classes are generating on demand now you don't have to worry about anything all will be handled by TW.🔥🔥

  • @rfmiotto
    @rfmiotto 3 роки тому

    This is simply awesome! Tailwind Labs are always exceeding our expectations. Fantastic work! I can't wait to see this feature fully integrated into the Tailwind 3.x defaults

  • @DioArsya
    @DioArsya 3 роки тому

    This is just another level. Another dimensions. Great work!

  • @claystation6360
    @claystation6360 3 роки тому

    Haven't slept in 2 days. The developer experience(dev and prod) is phenomenal with JIT! Works like a charm. No more waiting 🙌

  • @ErmandDurro
    @ErmandDurro 3 роки тому

    This is so cool! Amazing work 💪👏 Thanks a lot for all the contribution to the community 🙏

  • @scotttang6229
    @scotttang6229 3 роки тому +1

    Awesome. I’m loving my experience with Tailwind + headless UI.

  • @holygl
    @holygl 3 роки тому

    Daaaannnnnnngggg! You guys rock! TW keeps getting better and better. Keep up the stellar work!

  • @AlejandroVivas
    @AlejandroVivas 3 роки тому

    wow this is incredible. Congratz guys, you really love developers, i love this!!

  • @SergueiCambour
    @SergueiCambour 3 роки тому

    Wow, it is really cool, Adam, thanks a lot! Looking forward for new updates!

  • @aghileslounis
    @aghileslounis 3 роки тому

    You guys are Genuis, you are really trying hard to make tailwind the best it can be ! im so excited for this i hope it will be active by default really fast ! Fantastic waaaw thank you for everything!

  • @Nintron
    @Nintron 3 роки тому +2

    This is amazing, legitimately amazing! Love tailwind but the load times were getting a little annoying albeit still totally worth it. This is amazing for streamlined reloading! love it!

  • @decipher824
    @decipher824 3 роки тому +1

    This is really cool🔥🔥🔥 Great work Adam, loved it❤️

  • @niteshkumarsukumaran
    @niteshkumarsukumaran 3 роки тому +3

    OMG! This is awesome, can't wait to test 😍🔥

  • @SusanthCom
    @SusanthCom 3 роки тому +2

    Innovative development.
    ❤️❤️❤️ keep rocking 🔥🔥🔥

  • @amarubhe2381
    @amarubhe2381 3 роки тому +2

    Amazing work by Tailwind Lab

  • @zayR6
    @zayR6 3 роки тому

    Getting better and better. Love using Tailwind.

  • @Asjasification
    @Asjasification 3 роки тому +27

    This is sick!!

  • @pyongits
    @pyongits 3 роки тому +1

    Finally, my browser will not suffer anymore with this feature. Thanks, Adam.

  • @ivanvolti
    @ivanvolti 3 роки тому

    I love it. Thanks for doing this guys!

  • @Muphet
    @Muphet 3 роки тому

    i love this. i used inline styles for single element so often it actually hurt me. Adam never disappoints

  • @vasiovasio
    @vasiovasio 3 роки тому

    Wow, The Legend Himself! Keep going Adam and be healthy, you and your family!

  • @jimmyj.6792
    @jimmyj.6792 3 роки тому

    Awesome work Adam. Really nice community to continue to improve Tailwindcss 😍

  • @jamielovelace
    @jamielovelace 3 роки тому

    Very cool with the on demand custom style stuff, good work team 🙌🙌🙌

  • @elenaromanova2183
    @elenaromanova2183 3 роки тому

    Thanks, guys. It's awesome.

  • @Zoutzuurtjes
    @Zoutzuurtjes 3 роки тому

    What a relief is Tailwind. Thanks a lot!

  • @BrianDillingham
    @BrianDillingham 3 роки тому

    What a next level refinement. Kudos Adam + team

  • @coltonwilliams1565
    @coltonwilliams1565 3 роки тому

    Holy crap. Thank you for these updates. These are the exact things that I didn’t like about Tailwind and now it’s fixed

  • @natterstefan
    @natterstefan 3 роки тому

    Wow, that's incredible and I am super excited to use this. Thanks for creating this and tailwind in general!

  • @hanzofuma
    @hanzofuma 3 роки тому

    Oh, thank god yesterday I was struggling with Maizzle to create email templates i even decided to make a solution like this, so I can get only the style that I need but here we are. Thank you for this it saved my day and my time

  • @raiyansarker3809
    @raiyansarker3809 3 роки тому

    This is just what was lacking in tailwind. Loved it!

  • @bilal-khan
    @bilal-khan 3 роки тому

    I don't think I am ever going to use any other framework. This is fantastic 👌

  • @petercossey4179
    @petercossey4179 3 роки тому

    Hell yeah! Love the constant innovation and execution.

  • @boravivek
    @boravivek 3 роки тому

    Loving this JIT thing, gonna explore it. The file size will be amazingly handled now. Thanx for the update 😁

  • @ashleyredman
    @ashleyredman 3 роки тому

    The bracket syntax is actually insane, love it!

  • @equallyavant
    @equallyavant 3 роки тому

    Wow really excited about this! 👏

  • @emmanuelokanlawon1484
    @emmanuelokanlawon1484 3 роки тому +3

    This is huge! I love it!!!

  • @MatthewHinton
    @MatthewHinton 3 роки тому

    The jit improvements look great.

  • @torchic
    @torchic 3 роки тому

    Amazing thanks for all your hard work Labs team! 💚

  • @window.location
    @window.location 3 роки тому

    I waited for this happen.
    Happened way better than expected

  • @Jr-xs9hy
    @Jr-xs9hy 3 роки тому

    wow, this is such a huge improvement. It just opens up more possibilities for Tailwind. Downloading it now.

  • @81gamer81
    @81gamer81 3 роки тому

    This is soooooo goood. Did have to update laravel mix to be compatible with postcss 6. But its well worth it. dev build took 10-30 seconds. Now its almost instant. And auto updates when editng blade file is really great

  • @AryanRaj-zt6cq
    @AryanRaj-zt6cq Рік тому +1

    Tailwind is Love❤

  • @ManuGanji
    @ManuGanji 3 роки тому

    I'm really excited to try this out. Thank you for doing this. :)

  • @Felipe-53
    @Felipe-53 3 роки тому

    You guys are wizards, thanks so much!

  • @ThomasBurleson
    @ThomasBurleson 3 роки тому

    really nice feature. superb work!

  • @arlansync482
    @arlansync482 Рік тому

    Awesome, it solving most of my problem when working with CSS

  • @juliusguevarra3729
    @juliusguevarra3729 3 роки тому +2

    Wow! This is amazing!

  •  3 роки тому

    I rewatched this epic video now just for fun.

  • @jiuzhenpan2152
    @jiuzhenpan2152 3 роки тому

    MAGIC 🪄 Excellent job Tailwind team ❤️

  • @eiclkun
    @eiclkun 3 роки тому

    So exciting about this. Am about to replace the original ver. with the jit in my current Next.js project. Can't wait to buy Taiwind UI for React once it's out.

  • @palyanytsia
    @palyanytsia 3 роки тому

    Tailwindcss is one of the coolest technology that I've opened for myself in 2020

  • @brijeshdave
    @brijeshdave 3 роки тому

    This is marvellous 👌🏻👏🏻...u r like Ironman of css world...awesome thanks 🙏🏻

  • @AllahomAnsorGaza
    @AllahomAnsorGaza 3 роки тому

    man you the best WE LOVE YOU FROM EGYPT
    Keep the good work boss

  • @MrChickenpoulet
    @MrChickenpoulet 3 роки тому +1

    oh wow this is such a neat upgrade! well done!

  • @leerob
    @leerob 3 роки тому

    This is incredible. Nice work team!

  • @MerlinMason
    @MerlinMason 3 роки тому

    This is insanely cool, can't wait to try it out!

  • @avocade
    @avocade 3 роки тому

    Boom, mic drop! Great stuff Adam 🚀

  • @CarlFurrow
    @CarlFurrow 3 роки тому

    This is really cool. I'm looking forward to using this when released.