Build Apps Using React: Working with Forms

React 15.5
  • 12 Videos | 1h 25m 23s
  • Includes Assessment
  • Earns a Badge
Likes 11 Likes 11
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

  • Playable
    1. 
    Course Overview
    1m 48s
    UP NEXT
  • Playable
    2. 
    Controlled Components
    10m 33s
  • Locked
    3. 
    Controlled Components for Multi-input Forms - Part I
    7m 17s
  • Locked
    4. 
    Controlled Components for Multi-input Forms - Part 2
    5m 45s
  • Locked
    5. 
    Single Event Handler for Multiple Inputs
    9m 30s
  • Locked
    6. 
    Form Elements as Individual Components
    10m 4s
  • Locked
    7. 
    Testing Form Setup
    3m 47s
  • Locked
    8. 
    Client-side Validation
    5m 58s
  • Locked
    9. 
    Validating Form Input
    11m 14s
  • Locked
    10. 
    Uncontrolled Components
    9m 4s
  • Locked
    11. 
    File Inputs in Forms
    4m 19s
  • Locked
    12. 
    Course Summary
    1m 3s

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion of this course, which can be shared on any social network or business platform

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE