How to build elegant React forms with React Hook Form

You don't need a form library to build forms in React, but if you need to build anything beyond the very basic form, you're going to want a form library once I show you how React Hook Form works.

[samhudson]

Super succinct, no bloat. Easy explanation. Love it dude.

[Tyronekong]

Love the video, we have now started refactoring a lot of our forms using react hook form.

[jr-hper]

What we are currently doing is creating form engine which will help the entire frontend team to extend the forms ...and conditionally display form inputs based on the user selection...

This makes the forms rendering mechanism/engine open for extension, but closed for modification (open-closed)

Under the hood we use formik and for some new forms — react-hook-form.

[rodrigo.roberto.almeida]

I like the way of Formik works with Yup, you can build validation schemas and another things easier.
But rhf is cool too.

[satyak]

I think it's better to start the new form with useForm instead of updating the old code code piece by piece. It makes more confusing to all code mixed up.

[younes]

Hi Ian thanks for this high quality content! looking forward to more of these vids

[Pareshbpatel]

The use of the React Hook Form library correctly, so well demonstrated. Thanks.

{2023-01-30}

[neelnarwadkar]

Great video! How do i manage multiple react-select inputs and also how to create a reusable react-select component along with react-hook-form

[emanahmed]

You might need to see Quill Forms as well. Pretty cool form.

[thefonsotube]

what did you type to grab that console.log like that @9:28 ?

[sultanjutt]

Hi Lan

I need your assistance to optimize react with Context api hook.

[adamharbi]

Thx a lot Ian. very good and well informing tutorial

[_notanengineer]

Is there any repo that you could provide with, please?

[Mitchelllhu]

You are a life saver...thank you so much!

[TyRuss-lbtl]

Hi Ian, thank for this video..all your videos are insightful.

I have a quick question that I have yet to figure out, when defining handleSelectChange what is your advice for having multiple react-select inputs?

Thanks.

[talalquleh]

wow, really helpful, especially for someone new to react, thxxxx

[PhilippKeller]

Yup IS actively maintained, it just got it's v1 release (as of March 2023)

[johnsoto]

Just curious why did you pass the the user object prop putting it in a spread object <UserForm {…{user}} /> instead of <UserForm {user} />

[pauljr.deshaies]

EXTREMELY useful and well explained. Thank you for this tutorial!

I do have a question that I can't seem to find an answer to 🙂
Let's say I want to have a second <Select /> component containing the regions of the selected country dynamically fetched upon country selection.

How would I go about doing that?

MERCI!

[tekinatawar]

Which Extension are you using for console logging