Get Hooked on React

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.

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