Get Hooked on React

On-Demand Webinar

In this complimentary webinar, Mark Volkmann demonstrates how to use hooks, a new React feature that allows you to implement stateful React components with functions instead of classes.

Overview

Hooks enable developers to implement stateful React components with functions instead of classes.

Hooks are an incredibly useful new tool because they:

  • Provide easier ways to work with component state and context
  • Remove the need to understand the 'this' keyword
  • Remove the need to understand what it means to bind a function and when to do it
  • Support using "effects" in place of lifecycle methods, which makes it possible to better organize related code, such as adding/removing event listeners and opening/closing resources
  • Make it easier to reuse state logic between multiple components than using higher-order components and render props
  • Improve the capacity for tooling to optimize code because it is easier to optimize functions than classes

This webinar covers everything you need to know to get started using hooks in React function components.

Intended Audience

This webinar is targeted at React developers who are interested in keeping up with the latest features being added to React.

Outline

The following topics are covered in this webinar:

  • Hooks Overview
  • Hook Caveats
  • Hook Benefits
  • Hook Rules
  • ESLint for Hooks
  • State Hook
  • Effect Hook
  • Context Hook
  • Callback Hook
  • Memo Hook
  • React.memo Function
  • Reducer Hook
  • Ref Hook
  • Custom Hooks
  • Third Party Hooks

Prerequisites

Although everyone is welcome, we recommend attendees have some experience with JavaScript and React.

This live webinar was presented on February 13, 2019.

Sign up here to watch the video recording.

Opt out or customize your email subscriptions. | View our privacy policy

secret