Build Apps Using React: Working with Forms


Overview/Description
Expected Duration
Lesson Objectives
Course Number
Expertise Level



Overview/Description

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.



Expected Duration (hours)
1.4

Lesson Objectives

Build Apps Using React: Working with Forms

  • 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
  • Course Number:
    it_apbiardj_05_enus

    Expertise Level
    Expert