Build Apps Using React: Working with Events

React    |    Expert
  • 16 videos | 1h 48m 41s
  • Includes Assessment
  • Earns a Badge
Rating 4.6 of 46 users Rating 4.6 of 46 users (46)
This 16-video course helps learners examine the basics of events and event handling in React, including synthetic events, the React component lifecycle, document object model (DOM) reconciliation, and preventing default event handling. Begin by observing use of event propagation in the capture and bubble phases, followed by an introduction to synthetic events and their advantages. Explore the phases in a React component's lifecycle; wire up event handlers to elements; prevent the browser's default event handling; and use synthetic events to access event properties. Discover how to build a component to toggle state, and what happens in the mounting phase of a component lifecycle. Learn how to execute code once a component is mounted to the DOM; observe what happens in the unmounting phase of a component's lifecycle; and learn how to hook into the update phase of a component's lifecycle. Conclude the course by discovering how to optimize the rendering of a component, and how to apply error boundaries to catch errors.

WHAT YOU WILL LEARN

  • Discover the key concepts covered in this course
    Recall the use of event propagation in the capture and bubble phases
    Describe the advantages of synthetic events
    Recognize the phases in a react component's lifecycle
    Describe how dom reconciliation works
    Wire up event handlers to elements
    Prevent the browser's default event handling
    Use synthetic events to access event properties
  • Build a component to toggle state
    Summarize what happens in the mounting phase of a component's lifecycle
    Execute code once a component is mounted to the dom
    Summarize what happens in the unmounting phase of a component's lifecycle
    Hook into the update phase of a component's lifecycle
    Optimize the rendering of a component
    Apply error boundaries to catch errors
    Summarize the key concepts covered in this course

IN THIS COURSE

  • 1m 44s
  • 9m 22s
    Upon completion of this video, you will be able to recall the use of event propagation in the capture and bubble phases. FREE ACCESS
  • Locked
    3.  Introducing Synthetic Events
    4m 31s
    Upon completion of this video, you will be able to describe the advantages of synthetic events. FREE ACCESS
  • Locked
    4.  Component Lifecycle
    6m 38s
    Upon completion of this video, you will be able to recognize the phases in a React component's lifecycle. FREE ACCESS
  • Locked
    5.  DOM Reconciliation
    4m 34s
    After completing this video, you will be able to describe how DOM reconciliation works. FREE ACCESS
  • Locked
    6.  Working with Events
    10m 5s
    In this video, find out how to wire up event handlers to elements. FREE ACCESS
  • Locked
    7.  Prevent Default Event Handling
    6m 36s
    During this video, you will learn how to prevent the browser's default event handling. FREE ACCESS
  • Locked
    8.  Synthetic Events
    8m 14s
    Learn how to use synthetic events to access event properties. FREE ACCESS
  • Locked
    9.  Toggling State
    7m 16s
    In this video, learn how to build a component that toggles state. FREE ACCESS
  • Locked
    10.  Mounting Phase
    6m 37s
    Learn how to summarize what happens in the mounting phase of a component's lifecycle. FREE ACCESS
  • Locked
    11.  Component Did Mount
    6m 23s
    In this video, learn how to execute code once a component is mounted to the DOM. FREE ACCESS
  • Locked
    12.  Unmounting Phase
    11m 10s
    During this video, you will learn how to summarize what happens in the unmounting phase of a component's lifecycle. FREE ACCESS
  • Locked
    13.  Update Phase
    8m 11s
    In this video, find out how to hook into the update phase of a component's lifecycle. FREE ACCESS
  • Locked
    14.  Optimizing Performance
    7m
    In this video, you will learn how to optimize the rendering of a component. FREE ACCESS
  • Locked
    15.  Error Boundaries
    9m 21s
    In this video, you will learn how to apply error boundaries to catch errors. FREE ACCESS
  • Locked
    16.  Course Summary
    59s
    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

Book Creating Apps with React Native: Deliver Cross-Platform 0 Crash, 5 Star Apps
Book Test-Driven Development with React and TypeScript: Building Maintainable React Applications, 2nd Edition
Book Beginning ReactJS Foundations Building User Interfaces with ReactJS: An Approachable Guide

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Build Apps Using React: Working with Forms
Rating 4.6 of 47 users Rating 4.6 of 47 users (47)
Course How to be successful in your Digital Transformation: Practical Tips and Advice: Session Replay
Rating 4.6 of 131 users Rating 4.6 of 131 users (131)
Course Build Apps Using React: Advanced Features in React
Rating 4.4 of 50 users Rating 4.4 of 50 users (50)