Build Apps Using React: Working with Forms

React 15.5    |    Expert
  • 12 videos | 1h 20m 23s
  • Includes Assessment
  • Earns a Badge
Rating 4.6 of 47 users Rating 4.6 of 47 users (47)
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 33s
    Upon completion of this video, you will be able to recall how controlled components work in React forms. FREE ACCESS
  • Locked
    3.  Controlled Components for Multi-input Forms - Part I
    7m 17s
    In this video, you will wire up event handlers for form mutations. FREE ACCESS
  • Locked
    4.  Controlled Components for Multi-input Forms - Part 2
    5m 45s
    In this video, you will learn how to synchronize component state using event handlers. FREE ACCESS
  • Locked
    5.  Single Event Handler for Multiple Inputs
    9m 30s
    During this video, you will learn how to wire up a single event handler for multiple inputs. FREE ACCESS
  • Locked
    6.  Form Elements as Individual Components
    10m 4s
    In this video, find out how to design form elements as individual components. FREE ACCESS
  • Locked
    7.  Testing Form Setup
    3m 47s
    In this video, learn how to test the form in a web browser. FREE ACCESS
  • Locked
    8.  Client-side Validation
    5m 58s
    Upon completion of this video, you will be able to recall the need for client-side validation. FREE ACCESS
  • Locked
    9.  Validating Form Input
    11m 14s
    In this video, you will learn how to validate data passed into forms. FREE ACCESS
  • Locked
    10.  Uncontrolled Components
    9m 4s
    Find out how to compare controlled and uncontrolled components for form data. FREE ACCESS
  • Locked
    11.  File Inputs in Forms
    4m 19s
    In this video, you will use uncontrolled components to handle file inputs in forms. FREE ACCESS
  • Locked
    12.  Course Summary
    1m 3s
    In 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.

YOU MIGHT ALSO LIKE

Rating 4.5 of 86 users Rating 4.5 of 86 users (86)
Rating 4.6 of 68 users Rating 4.6 of 68 users (68)
Rating 4.5 of 44 users Rating 4.5 of 44 users (44)

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Rating 4.3 of 59 users Rating 4.3 of 59 users (59)
Rating 4.4 of 21 users Rating 4.4 of 21 users (21)
Rating 4.0 of 42 users Rating 4.0 of 42 users (42)