This course is about learning everything you need to use React Hooks in your React apps, as well as how to build your own custom Hooks to satisfy your own state and component lifecycle management. In this course, Using Hooks in React 18, you’ll learn to use React Hooks in your function components as well as understand the motivation behind hooks. First, you’ll explore what a React Hook actually is by building your own useState Hook from scratch. Next, you’ll discover the built-in React Hooks provided by the React Facebook team. Finally, you’ll learn how to combine the built-in Hooks and Hooks you build yourself, as well as third-party Hooks into real world React apps. When you’re finished with this course, you’ll have the skills and knowledge of React Hooks needed to build highly performant, easily maintainable React apps that provide an awesome user experience to your end users.
Overview
This course is about learning everything you need to use React Hooks in your React apps, as well as how to build your own custom Hooks to satisfy your own state and component lifecycle management. In this course, Using Hooks in React 18, you’ll learn to use React Hooks in your function components as well as understand the motivation behind hooks. First, you’ll explore what a React Hook actually is by building your own useState Hook from scratch. Next, you’ll discover the built-in React Hooks provided by the React Facebook team. Finally, you’ll learn how to combine the built-in Hooks and Hooks you build yourself, as well as third-party Hooks into real world React apps. When you’re finished with this course, you’ll have the skills and knowledge of React Hooks needed to build highly performant, easily maintainable React apps that provide an awesome user experience to your end users.
Syllabus
- Course Overview 1min
- Introduction 19mins
- Understanding React Hooks 31mins
- The Built-in Hooks useState, useEffect, and useReducer 37mins
- The Built-in React Hooks useRef, useContext, useMemo, and useCallback 25mins
- Using Context and Custom React Hooks for a Redux-like Experience 39mins
- Leveraging React Hooks and Context for Modal Popup Forms 19mins
- Improving React Performance with useMemo, memo, and useCallback 18mins
- Improve UI Experience with useDeferredValue and useTransition 21mins
- Course Takeaways 1min
Taught by
Peter Kellner
