Build a Reusable Component in React (Shadcn/ui, Tailwind) 

What a quality video! It is great to show how to make reusable components built on top of base html elements. I like the little things like the smooth mouse movement.

Please make a video demonstrating how to animate components on mounting and unmounting without any animation library, like shadcn ui does. Shadcn ui animates components with tailwindcss-animate plugin, by using data attributes.

Great video with a ton of free value on React. And being in the design space, I love Tailwind. I can tell you'll be at 100k subscribers soon, the helpful content and production is on point🚀👏

I really needed this, thank you so much!

Easy to follow, thanks aalot Cosden❤

If I keep watching your video I bet it I would be a senior developer soon, You teaching procedure is top rated

Great job dude, new subs, thanks for the knowledge

amazing explanation thank you so much

Instead of copying the buttonVariant type to the props, you could infer it with the help of VariantProps like this: VariantProps and you won't need to touch props ever again, even if you later decide to add an additional variant or a new class.

High level stuff ❤

I'm really anticipating Project React! I really pray it is affordable.

This amazing 🔥 Could you also do a video where you show how one can make their custom production ready UI component library using Storybook, Tailwind and say Shad CN UI?

Hey Darius ! That's a great one as usual ! Can we also make a video combining this with an headless UI like Radix? So we can fully understand how to develop our very own library and components from scratch with primitives. I know you already explained the tricky part here, but you know newbies like me, we all ask for more... 😄 Btw I have checked Project React and it seems really promising. What kept me back for that course is the lack of NextJS. I know the importance of a good React knowledge to work comfortably with NextJS, but also we all know that NextJS is something else. It has it's own interesting and tricky parts like caching for example. So, if you could add NextJS into the pack as an extension, that would be great ! On the other hand it is a great decision to keep the TypeScript out in the course ! Thank you for that

Is there a way to do the merge with other component/css libraries? I like this setup but we don’t use tailwind at work for example. We use bootstrap so would be awesome to do something similar

Can you do one for input element, as it has different types, it would be really awesome if you do it.

Great! Thank you! Do you have any typescript tutorials?

why cant we use clsx directly instead of cva

how to setup cli install

can you achieve this without typescript?

wht your take on nvidia's ceo statement

Should've used forwardRef to be able to pass ref?

I was expecting something different, as this component is too easy to create. I think a dialogue box, a card or something would be better. But still, m gonna like this ❤️

What is difference of using HTMLAttributes and ComponentProps?

can you make a full project using React and taliwaindcss

Whats difference between HTMLAttributes and ComponentProps

can give any idea on the pricing of the course?

react-twc + tailwind-variants the best.

Hello Darius, thank you for the video but there is a little problem here. You said that you will provide a repo but there is no repo so I have created my own project with tailwindcss and vite. But the thing is since I was writing the code like you do, there is no color at buttons and I have been looking for 20 mins to find the solution. Finally I found that you typed "from-primary-500 to-primary-700" but since I don't have your repo and I created a project myself, there is no primary color at my project. Oh man, there is nothing wrong with "not sharing a repo" it's totally fine but please next time if you don't provide a repo, pls at least show us all the "non default" things you do in your project like defining primary color for your tailwind.config.js file or just go with default settings so any people who is following your code and create their own projects cause you don't provide one, don't have issues like this =)

what about ref ? Great content tho 🎉

tanstack, tanstack, tanstack

There is no need to wright ButtonProps, but only Props, because we understand that it is Button component

این نیز بگذرد؟ persian tato nice

Try tailwind-variant

is the project-react course free? thankyouu

Tell me how will you pass ref?

Your Repo is empty.