Using Hooks in React 18

Focused View

Peter Kellner

3:31:56

164 View

1. Course Overview

1. Course Overview.mp4

01:32

2. Introduction

1. Introduction.mp4

02:51

2. More About React Hooks and Their Benefits.mp4

02:08

3. Where to Find the Source Code for This Course.mp4

02:13

4. Our Demonstration Code, Starting Point with No Hooks.mp4

05:22

5. The Completed App at the End of the Course.mp4

02:02

6. The React Component Tree Browser in VS Code.mp4

02:16

3. Understanding React Hooks

1. Introduction.mp4

02:44

2. Implementing the useState React Hook in a Function Component.mp4

04:21

3. Adding useEffect to Our Simple React App.mp4

04:38

4. The Three Rules of React Hooks.mp4

04:16

5. Building a useState React Hook Try #1.mp4

03:48

6. Building a useState React Hook Try #2.mp4

05:51

7. Building a useState React Hook Try #3.mp4

03:49

8. Takeaways.mp4

01:52

4. The Built-in Hooks useState, useEffect, and useReducer

1. All the Hooks in React.mp4

03:46

2. Review of useState and useEffect.mp4

03:10

3. Coding useState and useEffect.mp4

06:56

4. An Interactive UI with useState.mp4

06:39

5. Learn useReducer Basics.mp4

05:35

6. Converting a Call useState to useReducer.mp4

05:33

7. ow useReducer Extends useStates Capabilities.mp4

05:35

5. The Built-in React Hooks useRef, useContext, useMemo, and useCallback

1. The Basics of useRef.mp4

05:57

2. Code useRef for Colorizing an Image.mp4

05:33

3. Learn useContext Basics.mp4

04:59

4. Implement Theme Switcher with useContext.mp4

06:40

5. Takeaways.mp4

01:22

06. Using Context and Custom React Hooks for a Redux-like Experience

01. Combining React Context and Hooks.mp4

02:38

02. Extract Context to a Component.mp4

03:11

03. Optimize Context Location.mp4

03:03

04. Extract a Custom Hook from Context.mp4

03:33

05. A Custom React Hook for REST Calls.mp4

05:00

06. Shared Context and the App Home Page.mp4

06:07

07. Context and the Speaker Landing Pages.mp4

05:55

08. Adding a Pivot Menu for Speakers.mp4

05:59

09. Leveraging the useEffect Dependency Array.mp4

02:52

10. Takeaways.mp4

01:08

7. Leveraging React Hooks and Context for Modal Popup Forms

1. Creating Modal Dialogs in React.mp4

02:25

2. The Speaker Modal Popup Coding Plan.mp4

03:40

3. Coding Our Speaker Edit Modal Popup.mp4

04:44

4. Finish Coding Our Speaker Modal Dialog.mp4

03:42

5. Coding the Add and Delete Speaker Modal Dialog.mp4

03:56

6. Takeaways.mp4

01:10

8. Improving React Performance with useMemo, memo, and useCallback

1. Hooks and React App Performance.mp4

02:17

2. The Case for useMemo.mp4

03:41

3. Adding useMemo to Minimize Rerenders.mp4

06:05

4. Adding useCallback to Improve React App Performance.mp4

05:11

5. Takeaways.mp4

01:01

9. Improve UI Experience with useDeferredValue and useTransition

1. The Hooks useDeferredValue and useTransition Introduction.mp4

01:59

2. Basics of useDeferredValue.mp4

03:19

3. useDeferredValue for Search in Our Speaker App.mp4

05:44

4. Basics of useTransition.mp4

04:58

5. useTransition for Search in Our Speaker App.mp4

03:24

6. Takeaways.mp4

01:51

10. Course Takeaways

1. Takeaways.mp4

01:55

Description

This course will teach you how to best use React Hooks, how to build your own Hooks, and how to combine Hooks together to make awesome React apps.

What You'll Learn?

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.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

React

Peter Kellner

Instructor's Courses

Peter is an independent software consultant, specializing in .NET development from 1985 through 2001, as well as an MVP since 2006. He was founder and president of Tufden Inc, where he successfully delivered systems for clinic scheduling, insurance company management and medical claim processing. His solutions included delivering a turnkey medical office management system to over 500 customers nationwide. His passion for the computer dates back to elementary school when he joined his first computer club. He graduated from Cornell University in Ithaca, New York with a Bachelors and Masters in Mechanical and Aerospace Engineering.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.