Using React Hook Form to Handle Field Array in a Modal Form

Using React Hook Form to Handle Field Array in a Modal Form
#ionic #reacthookform #tutorial

This is a continuation of a previous video where I showed a pattern that can be used to manage forms for creating new objects and editing existing objects. I have expanded on that sample here by adding React Hook Form and specifically form array fields in this example. Of course, it is implemented using IonicFramework because that is my go-to UI web component library

► 00:00 Introduction - PLEASE Subscribe
► 1:56 Coding Starts - creating a form with dynamic list items
► 9:38 Passing the form’s data back to the parent in a structured object using react hook form
► 13:36 Creating a reusable component, passing properties and calling functions for success in the parent component
► 18:07 Going All in with React Hook Form for all input fields
► 21:45 Using Ionic React Components for styling
► 26:24 Deleting Items from the form array
► 27:29 Adding ids to subtasks in the array using a hidden input field
► 29:40 Wrap up

------------------------------------------------------------------------------
------------------------------------------------------------------------------

🔥 REACT HOOK FORM PLAYLIST

🔥 IONIC REACT PLAYLIST

🔥 IONIC REACT BLOG POSTS

ionic react modal example
#reactjs #ionicframework #tutorial #capacitor #javascript #reactHooks #contextapi #capacitor #tabs #TheFutureIsWrittenInCode

-~-~~-~~~-~~-~-
Please watch: "Getting Started With Appwrite, Vue JS Ionic Framework & Capacitor"
-~-~~-~~~-~~-~-

[jaspaulaggarwal]

thanks useFieldArray is what I need and your video gave a great start

[deepaknegi]

Thank you! Would be nice had you shown the error handling as well.

[entertainmentstack]

Hi, How do you loop Object using useFieldArray or is there a better way we can loop them?

[manikanta]

can you plz send the repo link where ican clone it

[JesseQuickEats]

Features amazing. But I couldn't follow at all. feels like I am missing the starting point.