Build Apps Using React: Working with Forms
React
| Expert
- 12 videos | 1h 20m 23s
- Includes Assessment
- Earns a Badge
Learners can explore the basics of controlled components and uncontrolled components in this 12-video course, which begins with a look at working with forms in React. Forms are used to input data on a web page; you will discover how controlled components work in forms, and then move on to a two-part tutorial on controlled components for multi-input forms: part 1 on wiring up event handlers for form mutations, and part 2 on synchronizing component state by using event handlers. Next, discover how to wire up a single event handler for multiple inputs, and how to design form elements to be individual components. This leads into testing form setup, and testing the form on a web browser. Discover the need for client-side validation, and how to validate data passed into forms. Compare controlled components and uncontrolled components for form data, and in the final tutorial, learn how to use uncontrolled components to handle file inputs in forms.
WHAT YOU WILL LEARN
-
Discover the key concepts covered in this course
Recall how controlled components work in forms
Wire up event handlers for form mutations
Synchronize component state using event handlers
Wire up a single event handler for multiple inputs
Design form elements to be individual components -
Test the form on a web browser
Recall the need for client-side validation
Validate data passed into forms
Compare controlled and uncontrolled components for form data
Use uncontrolled components to handle file inputs in forms
Summarize the key concepts covered in this course
IN THIS COURSE
-
1m 48s
-
10m 33sUpon completion of this video, you will be able to recall how controlled components work in React forms. FREE ACCESS
-
3. Controlled Components for Multi-input Forms - Part I7m 17sIn this video, you will wire up event handlers for form mutations. FREE ACCESS
-
4. Controlled Components for Multi-input Forms - Part 25m 45sIn this video, you will learn how to synchronize component state using event handlers. FREE ACCESS
-
5. Single Event Handler for Multiple Inputs9m 30sDuring this video, you will learn how to wire up a single event handler for multiple inputs. FREE ACCESS
-
6. Form Elements as Individual Components10m 4sIn this video, find out how to design form elements as individual components. FREE ACCESS
-
7. Testing Form Setup3m 47sIn this video, learn how to test the form in a web browser. FREE ACCESS
-
8. Client-side Validation5m 58sUpon completion of this video, you will be able to recall the need for client-side validation. FREE ACCESS
-
9. Validating Form Input11m 14sIn this video, you will learn how to validate data passed into forms. FREE ACCESS
-
10. Uncontrolled Components9m 4sFind out how to compare controlled and uncontrolled components for form data. FREE ACCESS
-
11. File Inputs in Forms4m 19sIn this video, you will use uncontrolled components to handle file inputs in forms. FREE ACCESS
-
12. Course Summary1m 3sIn this video, we will summarize the key concepts covered in this course. FREE ACCESS
EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE
Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.
Digital badges are yours to keep, forever.
