Type Safe Form Inputs with React-Hook-Form, ShadCN/ui - Next.js Full Stack Project

[@DaveGrayTeachesCode]

Use the code "davegray" for 3 months free on the Team plan of Sentry for any new accounts: bit.ly/try-sentry-dg

[@yiorgos_fil]

Can't stress enough how grateful I am to you Dave.

[@DaveGrayTeachesCode]

@@yiorgos_fil Glad I can help 😃

[@SriRangaSaiPagala]

the entire flow of drizzle -> drizzle-zod -> ReactHookForm -> Shadcn Form is amazing

[@DaveGrayTeachesCode]

@@SriRangaSaiPagala I agree! 🙌

[@mrbilchalan]

i think you may change components after few lessons. A loading state needed for the components, may be. Thank you for your hard work. You are helping a lot of people.

[@DaveGrayTeachesCode]

Thanks for the kind words! I may keep loading screens simple, but you are correct that it hasn't been added yet. No plans to change these input components.

[@mehmethanifierenler3612]

çok teşekkür ederiz. çok yardımcı oldu.

[@DaveGrayTeachesCode]

Glad to hear that!

[@OmarElmasry1]

Hello Dave, I really hope you see this comment and respond. First of all, I want to sincerely thank you for the fantastic senior-level content you provide. I immediately liked and subscribed to your channel! I came across your video while trying to achieve a similar result (building a reusable form input component with shadcn and react-hook-form). My initial thought was to create a reusable form controller component that takes the input as a prop. This way, it could handle different types of inputs (text input, select, multiselect, etc.) and convert them into controlled inputs using the components provided by the shadcn Form component. I’d love to know your opinion on this approach and why you chose to create a separate component for each input type instead. Again, thank you so much for your efforts-you’re truly making a difference!

[@DaveGrayTeachesCode]

@OmarElmasry1 I think your goal could be achieved if you were trying to scale an app that would build dynamic forms on demand. That was not the need for this application, so I didn't want to make it any more complicated than needed be.

[@OmarElmasry1]

@@DaveGrayTeachesCode totalt agree thanks a lot Dave

[@alessandrosalzo8280]

Hey Dave, your videos are awesome, so much useful information. Watching from Spain! I was wondering what Vs Code theme do you use?

[@DaveGrayTeachesCode]

Here you go: kzbin.infodp4u1NNFhtE

[@kehindegilbert2699]

Thank you

[@DaveGrayTeachesCode]

@@kehindegilbert2699 Welcome!

[@oscarsangularchannel3956]

❤❤❤❤ awesome thanks ‘

[@DaveGrayTeachesCode]

@@oscarsangularchannel3956 you're welcome!

[@풍월상신]

Reusable type-safe ShadCN form components interact with zod... My dog has no idea what this means.😆 Switch and Radio are missing, but I believe I can make them by my own. Thank you Dave as always.

[@DaveGrayTeachesCode]

@@풍월상신 😂 Tell your dog hello 👋. This should give you a good start towards making any other inputs you want. 🚀

[@leoamato6113]

thanks

[@irfansaeedkhan7242]

thank you for the headstart it gave me starting point but what about radio buttons and checkboxes , and I have inputs with max button inside which to get max value filled in input , some times I have check boxes which shows few inputs and hide few, how to handle these types of logics in this

[@DaveGrayTeachesCode]

Yes, those were not needed here, but I have made them before. Maybe a supplemental video after this series.

[@irfansaeedkhan7242]

@@DaveGrayTeachesCode great i will try to find it and may be wait for next video, thanks a million

[@irfansaeedkhan7242]

@@DaveGrayTeachesCode and yeah it gave great base to start

[@irfansaeedkhan7242]

one video for table as well please so single component can handle different types of tables and we can add or remove sorting, also pagination handle by same table component, ofcourse total pages and page number - pagination will come from api

[@DaveGrayTeachesCode]

React Table will be part of this project.