Shadcn UI + React JS | A Quick guide

Shadcn is becoming new favourite way to build out UI's together with Tailwind css. In this video I'll just show you a quick walkthrough on how you can install this library and components in your react js project. Also I'll be designing a login page with these components and show you how you can add themes, add a dark mode.
Shadcn UI library -
ui.shadcn.com
#shadcnui #reactjs #tailwindcss #loginpage

[@guillaumeclimentygarcia8143]

First video I watch using shadcn with React instead of Next, thanks!! So many teams still use react/vite , please publish more videos on how to create nice pages with Shadcn + React/vite :)))!

[@CodingEndpoint]

Sure, will make more videos on shadcn ui with react.

[@duztv5370]

This your comment is goated. Almost everyone is using it with Nextjs, I don't know why they are ignoring using shadcn with reactjs and vite.

[@parashgoswami264]

Yes ... please add more videos on shadcn react...

[@nemeziz_prime]

This is a great guide for beginners who aren't comfortable with using ShadCN in React + Vite

[@andersonbenjamintargino2619]

Congratulations on the excellent work!!! Your content helped me a lot. A hug.

[@mahmoudkhaled3961]

Wow, you helped me a lot, thank you a ton!

[@CodingEndpoint]

Glad it helped!

[@parashgoswami264]

Thank you for tutorial...I am having error in npm install if use node version 22.9.0....what version u r using

[@AlexanderBogdanov-dw6cw]

Огромное Вам спасибо. Можете пожалуйста про сложные компоненты снять видео shadcn ui?

[@pranaybhange]

Link from react-router-domnot working how to use it in reactjs with shadcn?

[@nahid-mahmud]

Thank you so much For this video.💘

[@habibshahid4647]

it was very helpful

[@ahmedfarooq7253]

Hey how can i install it with JavaScript(Jsx) instead of TypeScript(Tsx)?

[@CodingEndpoint]

You can follow the manual setup they have listed on shadcn/ui official installation page. For React JSX project you need some additional tsconfig.json file configuration added. I tried finding some documentation on shadcn/ui website but they have not mentioned anything related to jsx project.
I found this starter project you can use for React JSX.
github.com/spiritoftime/shadcn-reactjs-starter.git
It has AlertDialog Demo component added, you can add other listed component by installing those using the npm commands. Hope this helps.

[@electronicapu]

I want to use JavaScript instead of TypeScript. Is that even possible ???

[@ashish.ksingh8765]

Thank you bro.

[@AnishS-cp]

Nice.

[@dananjayachathuranga7113]

thank u