Welcome to "React Hook Form: The Complete Guide with React (2024)’. If you are fed up with the common issues of creating forms in React, such as managing state variables, constraining the normal HTML form behaviors, and designing your own from scratch, then this course is for you. I’ve realized that while React is good for most things, forms are not one of them. This is where React Hook Form comes in handy as a much simpler way of dealing with forms in a React application.
"React Hook Form is a game-changer for managing forms in React applications, offering a simpler and more efficient way to handle form state and validation."
— Kent C. Dodds, React educator and open-source developer.
React Hook Form is used for easy handling of form data and information, validation, giving feedback in real-time, and submission of form. It also has stunning features like performant and flexible forms, easy validations, dynamic field generation, rehydration, compatibility with other UI libs, and schema validators. Such features facilitate the creation of forms and help you take advantage of other mighty libraries to improve the whole application development process.
In this course, "React Hook Form: The Complete Guide with React (2024)”, you will understand all the necessary information about React Hook Form from the beginning and up to the last step, states, and more through real projects. At the end of this tutorial, you should be able to design scale and flexible form instantiations with relative cases, thus making your work much easier. Welcome, and level up your React forms with the React Hook Form!
React Hook Form: The Complete Guide with React (2024) Table of Contents:
- 04:32: Course Structure
- 06:14: Introduction to React Hook Form
- 02:23: How to Navigate Course Resources?
- 00:34: Where Can I Find More Assistance?
- 00:27: Let's Start from Scratch
- 08:06: Difficulties with Normal Ways of Creating React Forms
- 19:22: Let's Start Using React Hook Form
- 10:20: How to Register a Form Control?
- 11:40: Performance Gain in RHF vs Normal Form
- 04:45: Pass Default Values to the Entire Form
- 05:00: Define Validation Rules
- 08:01: How to Make Use of Validation?
- 11:58: Define Custom Validation
- 04:23: Reusable Components for Input Fields
- 13:30: Add a Dropdown List with RHF
- 16:02: Nested Form Field in RHF
- 06:24: useFormContext for Reusable Forms
- 07:27: Divide Complex Forms into Subtle Components
- 08:11: Introduction to Form State
- 09:24: Form Submission Related State Properties
- 12:31: Isolated Re-rendering with useFormState
- 15:41: useFormState with Control
- 10:55: Be Specific with getFormState Method
- 14:41: How to Watch Form Control Values
- 15:28: useWatch Hook for Isolated Re-rendering
- 06:06: getFieldValues() & setValue()
- 11:02: Let’s Start with Array of Fields
- 12:36: useFieldArray Hook
- 11:16: CRUD Operations within Field Arrays
- 16:04: Validation of Field Array
- 06:36: Dropdown List in an Inline Editing Table
- 10:57: Ensure Proper Data Type from Form Controls
- 09:00: How to Deal with Interdependent Properties
- 12:52: Calculate the Grand Total
- 09:54: Asynchronous Validation
- 03:52: trigger() & setFocus() Methods
- 05:56: Create the Order
- 09:55: Populate a Fresh Form with an Existing Record
- 13:10: shouldUnRegister() & unregister() Methods
- 16:08: Methods: reset(), resetField() & resetOptions()
- 12:33: Manual Interruptions in Error Object
- 04:55: Register Option: deps
- 04:51: Relevance of useForm’s Argument: values
- 04:05: useForm’s Argument: shouldUseNativeValidation
- 03:07: Register Option: ref
- 15:03: Why Do We Need a Controller?
- 08:12: How to Make Use of Controller Component?
- 12:55: Reusable Form Controls with Controller
- 06:20: useController Hook
- 07:41: resolver from useForm Hook
- 08:19: context from useForm Hook
- 00:22: A Big Thanks!
- 00:14: What to Learn Next?
Who is this course for?
- To all the React developers, such as those developing React-Native
- This is for anyone who is sick and tired of counting the minutes that go into form creation in React.
- In summary, it is for any React developer who wants efficient forms.
Click on the links below to Download React Hook Form: The Complete Guide with React (2024)!
You are replying to :