Shadcn UI + React JS | A Quick guide

Рет қаралды 15,327

8 ай бұрын

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

Пікірлер: 16

@guillaumeclimentygarcia8143 7 ай бұрын

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 7 ай бұрын

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

@nemeziz_prime 2 ай бұрын

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

@andersonbenjamintargino2619 7 ай бұрын

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

@nahid-mahmud 7 ай бұрын

Thank you so much For this video.💘

@habibshahid4647 6 ай бұрын

it was very helpful

@ashish.ksingh8765 6 ай бұрын

Thank you bro.

@mahmoudkhaled3961 5 ай бұрын

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

@CodingEndpoint 5 ай бұрын

Glad it helped!

@AnishS-cp 7 ай бұрын

Nice.

@dananjayachathuranga7113 6 ай бұрын

thank u

@pranaybhange 4 ай бұрын

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

@AlexanderBogdanov-dw6cw 4 ай бұрын

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

@electronicapu 7 ай бұрын

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

@ahmedfarooq7253 8 ай бұрын

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

@CodingEndpoint 8 ай бұрын

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.