How to Install Shadcn UI in React using TypeScript and Vite | Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 พ.ย. 2024

ความคิดเห็น • 14

  • @AndysTechTutorials
    @AndysTechTutorials  หลายเดือนก่อน +1

    If you seeing issues related to tailwind, follow the steps here to fix it! github.com/shadcn-ui/ui/issues/4677#issuecomment-2323515224

  • @JoseAntonio-ne4rf
    @JoseAntonio-ne4rf 8 หลายเดือนก่อน +1

    If I used vite but with only javscript not typescript, and I dont see the tsconfig.json file, what I supposed to do?

    • @aryanhegde9836
      @aryanhegde9836 8 หลายเดือนก่อน

      Did u get the solution? I am also having the same problem

    • @stengosaurus
      @stengosaurus 8 หลายเดือนก่อน

      @@aryanhegde9836 me too. Did anyone figure it out?

    • @edallouche7585
      @edallouche7585 7 หลายเดือนก่อน

      you need to make jsconfig.json instead and it will work @@aryanhegde9836

    • @RakeshSahu-cr9ks
      @RakeshSahu-cr9ks 6 หลายเดือนก่อน

      create the folder with name jsconfig.json, also make sure to follow the shadcn installation guide for js -- you need to set the tsx flag as false in components.json file

    • @AndysTechTutorials
      @AndysTechTutorials  6 หลายเดือนก่อน

      I created a new video showing how to do it using JavaScript instead of TypeScript:
      th-cam.com/video/vGiYuaquCo4/w-d-xo.html

  • @Peacemaker.404
    @Peacemaker.404 9 หลายเดือนก่อน +1

    great video andy, and could you show how to customize the installed components thank you.

    • @AndysTechTutorials
      @AndysTechTutorials  9 หลายเดือนก่อน

      Hey @Peacemaker.404, I will consider this for future videos!

  • @Sebaszje
    @Sebaszje 9 หลายเดือนก่อน +1

    Great video thank you

    • @AndysTechTutorials
      @AndysTechTutorials  9 หลายเดือนก่อน

      Hey @Senaszje! You’re welcome! Glad you found this tutorial helpful!

  • @nathankrasney
    @nathankrasney 3 หลายเดือนก่อน

    The only good usage for shadcn in my oppionon is quick prototype. And this is what is done by vercel v0 and Claue AI which use shadcn.
    Using this copy pase approach of shadcn seem a nightmare for production

  • @george74o
    @george74o 4 หลายเดือนก่อน

    very help full and to the point but i am getting a typescript error that says it cannot find module '@/components/us/button' or its corresponding type declarations. ts(2307) on my App.tsx if i can get some help

    • @KhairinChan
      @KhairinChan 3 หลายเดือนก่อน

      it should be /ui/button?