Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
7 Hour(s) 57 Minute(s)
Language
English
Taught by
CodAffection (Shamseer)
Rating
1 views
Course Overview
Master React Hook Form for building performant, flexible and extensible React forms.
Welcome to the Course "React Hook Form : The Most Popular React Form Library".
Are you frustrated with typical ways of creating React Forms?
Spending more time preventing the default behaviors of HTML forms.
Managing entire form data with state variables leads to poor performance.
Implementation of custom requirements necessitates from-scratch development.
etc.
Undoubtedly, the React Framework is an exceptional JavaScript framework that outperforms its competition at doing many things, but one thing it's bad at out of the box is building forms. You must have experienced it already. so there comes the most popular React Form library, React Hook Form.
React Hook Form is a form library for React applications that makes it really easy for you to build scalable and flexible forms with better performance. It makes working with React Forms a lot smoother and easier.
Apart from being a more straight-forward solution to the basic needs of a form like
Managing form data
Enforcing validation
Realtime validation feedbacks
Submission of form data
React Hook Form delivers the following promising features:
Performant, flexible & extensible forms
Built-in easy-to-use validations
Dynamic generation of form fields
Isolated re-rendering for refreshing a sub component without affecting the other.
Subscription to form field values and states.
Seemless integration with React UI Components like Material UI, Ant-Design & React-Select.
Integration with Schema Validators like Zod, Yup, etc.
And these integrations definitely facilitate app development, and they also help in bringing advantages from other wonderful packages or libraries in various aspects of form creation.
This course will teach you all you need to know about the library React Hook Form, from Zero to Hero. Everything is discussed and demonstrated with real-world projects in React. We developers always come up with better solutions for others why don't we try, React Hook Form library to make our job easier.
Join me now! and acquire the superpower of building better React forms in less-time.
Course Content
- 10 section(s)
- 54 lecture(s)
- Section 1 Welcome Aboard!
- Section 2 What’s Wrong with Normal Form Creation?
- Section 3 Fundamentals of RHF
- Section 4 Validation in RHF
- Section 5 Organizing the Form with Reusable Components
- Section 6 Nested Form Fields & Reusable Form Components
- Section 7 Form State Properties & Isolated Re-rendering
- Section 8 Listen or Watch Form Control Values
- Section 9 Dynamically Generated Fields
- Section 10 A Practical Inline Table Editor or Data Grid
What You’ll Learn
- Creation of performant, flexible and extensible forms in React
- Learn A - Z about React Hook Form library
- Reduction of boilerplate code in creating React forms with best practices
- Validation of React forms with built-in easy-to-use validation methods
- Interdependent field validation
- Asynchronous validation in React forms
- Form submission & re-population with already submitted data
- Creation of reusable react components for form creation
- Dynamic generation of form fields in React
- CRUD Operations in data grid or Inline table editor using React Hook Form
- Form state indications, like validation error, submit count, etc.
- Restricting of re-rendering of sub-components when possible (Isolated Re-rendering)
- Subscription to form fields and form state indications
- Seamless integration of React Hook Form with React UI components like Material UI,Ant-Design, etc.
- Integration of React Hook Form with schema validators like Zod,Yup, etc.
Skills covered in this course
Reviews
-
TTú Nguyễn
Great!
-
SShah Solayman Sinha
Overall, an amazing course on React Hook Form.
-
AAndy A
An instructor who does an outstanding job enables the students to soak it up and become the best. Thank you for the course, Shamseer!
-
DDurga Kinge
Step-by-step teaching method is great. Great knowledge. One of a kind and very crucial course. What I felt like was that switching between the files could have been better for clear understanding. Importing function, components should be shown clearly.
