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

>> YOUR LINK HERE: ___ http://youtube.com/watch?v=61AlrA5BXzg

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 • ~-~~-~~~-~~-~

#############################

New on site