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
------------------------------------------------------------------------------
💰 Support this channel - https://ko-fi.com/fiwic
------------------------------------------------------------------------------
🔥 REACT HOOK FORM PLAYLIST
• React Hook Form
🔥 IONIC REACT PLAYLIST
• Ionic React Code Walkthrus and Tutorials
🔥 IONIC REACT BLOG POSTS
https://dev.to/aaronksaunders
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"
• Ionic Vue, Getting Started With Appwrite
~-~~-~~~-~~-~
