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

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ม.ค. 2025

ความคิดเห็น • 30

  • @DaveGrayTeachesCode
    @DaveGrayTeachesCode  หลายเดือนก่อน +3

    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
    @yiorgos_fil หลายเดือนก่อน +2

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

  • @SriRangaSaiPagala
    @SriRangaSaiPagala หลายเดือนก่อน +1

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

  • @mrbilchalan
    @mrbilchalan หลายเดือนก่อน +1

    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
      @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
    @mehmethanifierenler3612 หลายเดือนก่อน +1

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

  • @alessandrosalzo8280
    @alessandrosalzo8280 หลายเดือนก่อน +1

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

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  หลายเดือนก่อน +1

      Here you go: th-cam.com/users/shortsdp4u1NNFhtE

  • @OmarElmasry1
    @OmarElmasry1 19 วันที่ผ่านมา

    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
      @DaveGrayTeachesCode  19 วันที่ผ่านมา +1

      @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
      @OmarElmasry1 13 วันที่ผ่านมา

      @@DaveGrayTeachesCode totalt agree thanks a lot Dave

  • @kehindegilbert2699
    @kehindegilbert2699 หลายเดือนก่อน +1

    Thank you

  • @oscarsangularchannel3956
    @oscarsangularchannel3956 หลายเดือนก่อน +1

    ❤❤❤❤ awesome thanks ‘

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  หลายเดือนก่อน

      @@oscarsangularchannel3956 you're welcome!

  • @davi48596
    @davi48596 7 วันที่ผ่านมา +1

    3:45 lmao

  • @leoamato6113
    @leoamato6113 หลายเดือนก่อน

    thanks

  • @풍월상신
    @풍월상신 หลายเดือนก่อน

    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
      @DaveGrayTeachesCode  หลายเดือนก่อน +3

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

  • @irfansaeedkhan7242
    @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
      @DaveGrayTeachesCode  หลายเดือนก่อน +1

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

    • @irfansaeedkhan7242
      @irfansaeedkhan7242 หลายเดือนก่อน

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

    • @irfansaeedkhan7242
      @irfansaeedkhan7242 หลายเดือนก่อน

      @@DaveGrayTeachesCode and yeah it gave great base to start

    • @irfansaeedkhan7242
      @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
      @DaveGrayTeachesCode  หลายเดือนก่อน +1

      React Table will be part of this project.