configure tailwindcss for react - 5 min tutorial

Поділитися
Вставка
  • Опубліковано 31 січ 2025

КОМЕНТАРІ • 42

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

    worked thanks, now need to learn how to use tailwind lol, subscribed

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

    Sir I am struck at Craco idk y everything else runs fine.. but when I copy paste craco it shows so many errors ..plz help.. and for tailwindcsss v3.0 I manged to install it in react app.but then when I start to code in app.js the component doesn't import at all ..is there any craco for tailwind 3 ? Plz check it out and help me 🙏

  • @preethamm.s6095
    @preethamm.s6095 3 роки тому +1

    Thanks for this video. A new subscriber added to your channel xD

  • @AhmedAli-sr4pb
    @AhmedAli-sr4pb 3 роки тому

    Love you bro. You are awesome. Nice, simple and short.

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

    dude can you pls make a tutorial on getting tailwind css intellisense working I can't find any working tutorial

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

    nicely done. thanks friend.

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

    Hi Dylan, great tutorial over there, but sadly my styles didn't apply, I am also using daisy ui and both the daisy and the tailwind isn't working. what can I do?

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

      Hey ! Did you find the solution cuz Im having the same problem here...

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

    Did you try with JIT ? I am struggling with JIt and react ;s

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

    good stuff DA

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

    New version doesn't need this craco, right?

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

    followed every single stwp but it didn't worked for me as it is showing an issue with the autoprefixer

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

      I'm sorry to hear that. Did you ever figure it out?

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

      @@dylanalbertazzi recently i got the solution by reinstalling everything and running some commands. I have searched for it a lot and stack overflow helped me out in finding the solution. Anyways a big thanks to you mate.

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

    Have you tried getting tailwind to work with react storybook?

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

    I didnt learned so much about copy and paste than in this video.:)
    If you want a real problem solving, solve the vite+react+tailwind how to configurate problem.

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

      yep, nothing too fancy here. just helping those new to the platform get up and running!
      I’ve never used vite. what are its advantages?

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

      @@dylanalbertazzi I watched Evan You interview by Brian Doulas on github youtube, very messmerizing if I can say so.:)
      Its advantages the esbuild bundler speed what is almost 100 times faster than webpack or parcel, than hot module replacement and static live server amongst its other features.

  • @abhishek.rathore
    @abhishek.rathore 3 роки тому

    Great vid dude. One question though, will it work just as smoothly (like without hassle) if I use typescript template for create-react-app?

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

      thanks! I don't see any issues with that... give it a try!

    • @abhishek.rathore
      @abhishek.rathore 3 роки тому

      @@dylanalbertazzi Yess I tried and it worked. A had to do a little hack. When I was using craco.config.ts it wasnt working but after making it just JavaScript it started working. Thanks a lot.

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

      @@abhishek.rathore Boom, great work!

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

    how do i connect with you ?
    just had doubt's.
    Thanks Mate!

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

      Hey! shoot me an email at d.albertazzi10@gmail.com

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

    Hey thanks for the video , I've followed all the steps mentionned in the documentation but still not working . I don"t get any error but the css is not applied , I am using nodeJs 16

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

      Oh no! It's tough to tell what's wrong just by your node version / your version shouldn't make a difference.
      Did you ever get it to work?

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

    What are the benefits of using tailwind?

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

      consistency across your projects and faster development speed 🏎

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

    And also the craco didn't work.

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

    {: "Unknown at rule @tailwind",
    }

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

    you just need to tell .. follow tailwind doc , no need to create video on it

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

      Hi Akash,
      This video is targeted at beginners who are still learning to read the documentation.
      I could've put a disclaimer at the beginning... next time it will be there!
      Thanks for being part of the learning process with me:)

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

    Hey Dylan, I've got this error after doing the exact same steps you showed. Unknown at rule @tailwindcss(unknownAtRules). Hope you can help me. Thanks in advance

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

      Hey, thanks for watching!
      This looks like it will solve your problem! ...let me know :) stackoverflow.com/questions/47607602/how-to-add-a-tailwind-css-rule-to-css-checker