How to Install Shadcn in React, Vite with Javascript | Set up shadcn/ui in React, Vite, Javascript

In this tutorial, I'm going to teach you how to install Shadcn/ui in React with Vite project. This video will use JavaScript instead of Typescript. The Shadcn documentation does not mention clearly about how to install shadcn/ui in React and Vite under JavaScript. I will make the installation of shadcd/ui clear and step-by-step in this tutorial.

If you want to know how to set up shadcn/ui in JavaScript projects, this video tutorial will help you install Shadcn successfully.

[wakandagaming]

hi all if u get style not working after follow this tutorial just import u'r global css bruh import "./style/global.css";

[abidibnazam]

This man exactly uploads what I need, he finds the gap that no one tells and makes great tutorials. Thanks man!

[nemeziz_prime]

This is exactly what I was looking for. It felt like ShadCN instructions on their docs are more oriented towards NextJS. But you made it easy for people using React and Vite. Thanks a lot!

[leandrofahur_]

Excellent video! To he point and with a very clear instruction!
Well done 💪

[pushkarjain]

saved my lots of time. Thank you so much

[durgfestivalvibes]

Couldn't find video for using vite react shadcn ui and in suggested videos got your video!!
Thanks man!!! 🫶 🙏
Subscribed!!

[LearnAlongFaizan]

It was literally useful for us, Thank you so much.

hoping for some long tutorials and auth for react and continue with backend api

[shashanksaurabh]

thankyou!
Finally I was able to set up project with this video.

[elmenikmati]

¡Excelente, justo lo que necesitaba! gracias

[MOHAMED-AMINE-CHEKROUNI]

thanke you for this video, you saved me so much time, you got new subscriber

[AhmadMughal]

The issue with this that it shows no intellisense for when using onClick or ClassName attribute on all of these components i don't seem to find any way to resolve.

[jacksine-uhbt]

Thank you Man for helping my projects❤❤

[martinoklapez]

Coulnd't you just paste the example code from the shadcn website into the automatically generated component file?

[sanchit]

thank you brother
love and respect from India

[Paradox_]

you are a live saver for React developer 😎✅⚡

[parshv-bsheth]

i spend 30 min to config shadcn this guy done very rapidly good video

[shafiemukhre]

Javascript is a much better option for the purpose of a hackathon, this is helpful to know how to set up tailwind and shadcn for vite-react in JS, thank you!

[benson]

Thank you for your help. I have been stuck on the jsconfig.json file for a while.

[gabrielzhu]

thanks a lot this is really helpful!however I have a question about the form component, becasue it seems using some features that only typescript used? Can you give a tutorial about how to use the form component in js? Again thank you sooo much !

[cy]

I usually don't comment on videos but this video helped me a lot. Thanks