YoVDO

Shareable Custom Hooks in React

Offered By: egghead.io

Tags

React Courses Web Development Courses Code Quality Courses

Course Description

Overview

React 16.8 introduced Hooks like useState for using stateful logic in our function components, and useEffect for side effects previously only used in class-based components.
The React Team has given developers a way that simplifies using core features, but what's that mean for the code that you write?
In this course, you'll work through refactoring a component to use a custom hook and learn to apply the patterns used by the React team to your own code.
Follow the React Team's lead, and make your code more readable, reusable, and reasonable!

Syllabus

  • Change a Stateful React Class Component to a Function Component with the State Hook
  • Use the React Effect Hook in Function Components
  • Write a Custom State Hook in React
  • Write a Custom React Effect Hook
  • Extract a Custom Hook into its own Module with create-react-hook
  • Test your Custom Hook Module with react-hooks-testing-library
  • Prepare a Custom React Hook to be Published as an npm Package
  • Publish a Custom React Hook as an npm Package

Taught by

Joe Previte

Related Courses

Learn to Program: Crafting Quality Code
University of Toronto via Coursera
数据结构与算法 Data Structures and Algorithms
Peking University via Coursera
数据结构与算法第一部分 | Data Structures and Algorithms Part 1
Peking University via edX
Software Construction in Java
Massachusetts Institute of Technology via edX
Advanced Software Construction in Java
Massachusetts Institute of Technology via edX