React 18 Debugging Playbook

Focused View

Kamran Ayub

2:49:10

92 View

1. Course Overview

1. Course Overview.mp4

02:09

2. Introducing the React Developer Tools

1. A 3-minute Tour of the React Developer Tools.mp4

03:20

2. Installing the Browser Extension.mp4

02:09

3. Installing the react-devtools Standalone Package.mp4

03:00

4. Help! The Dev Tool Tabs Arent Showing.mp4

02:50

3. Inspect Using the Components Tree

1. Overview.mp4

01:02

2. Correlating HTML with Virtual DOM.mp4

05:53

3. Traversing the Component Tree Quickly.mp4

02:52

4. Manipulating Props and State at Runtime.mp4

03:32

5. Demystifying Hook Indices and Revealing Names.mp4

02:35

6. Using Component Display Names for Production Debugging.mp4

06:43

7. Summary.mp4

00:29

04. Debug Using the Components Tree

01. Overview.mp4

02:09

02. Set up a Killer Debugging Workflow.mp4

07:01

03. Debug Helpers - $r and useDebugValue.mp4

04. Debugging Unexpected Prop Values.mp4

08:47

05. Debugging Issues When Changing Props.mp4

08:08

06. Debugging Issues When Passing Props.mp4

07:24

07. Debugging Issues with State.mp4

09:09

08. Debugging Hook Dependencies.mp4

06:45

09. Debugging Maximum Depth.mp4

06:32

10. Debugging Async Effects.mp4

04:51

11. Debugging with Strict Mode.mp4

04:39

12. Summary.mp4

01:28

5. Work with Profiling Sessions

1. What Is the React Profiler.mp4

01:54

2. Record and Understand Profiling Sessions.mp4

04:27

3. Save and Load Profiles for Sharing.mp4

01:44

4. Customize the React Profiler.mp4

01:29

5. Configure Production Profiling.mp4

02:45

6. Help, the Profiler Isnt Working!.mp4

01:22

6. Debug Performance with Flamegraphs

1. Overview.mp4

02:05

2. Debugging Delayed UI Updates.mp4

05:21

3. Debugging Slow Conditional Rendering.mp4

07:23

4. Debugging Parent-child Re-renders.mp4

05:26

5. Debugging Excessive Rendering.mp4

04:53

6. Debugging Rendering Due to Context.mp4

06:38

7. Summary.mp4

00:53

7. Debug Scheduling with the Timeline

1. How React Scheduling Works.mp4

04:15

2. Debugging Updates with useTransition.mp4

06:41

3. Debugging Updates with useDeferredValue.mp4

06:48

4. Next Steps and Course Wrap-up.mp4

01:39

Description

Do you wish you spent less time debugging React code? This course will teach you how to quickly diagnose common issues using the React Developer Tools so you can spend more time writing your application.

What You'll Learn?

Spend less time debugging your React app. In this course, React 18 Debugging Playbook, you’ll learn to diagnose issues with the React Developer Tools. First, you’ll explore how the DevTools work and configure them for development and production. Next, you’ll discover how to debug issues with component props, state, and hooks. Finally, you’ll learn how to how to debug rendering and lifecycle issues using the React profiler and scheduler timeline. When you’re finished with this course, you’ll have the skills and knowledge of React debugging needed to quickly diagnose and fix issues for your React application.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

React

Ethical Hacking

Penetration Testing

Kamran Ayub

Instructor's Courses

Kamran Ayub is a technologist specializing in building full-stack solutions with a focus on modern web technology and cloud native architecture. He's spent over 8 years implementing consumer-facing and line of business applications for Fortune 500 companies using a vast array of technologies. He strives to design impeccable user experiences built using solid software quality practices like testability, scalability, and maintainability. Kamran loves sharing what he knows and presents regularly at regional conferences and user groups, including NDC MN and Midwest.js. He helps maintain the Excalibur.js open source game engine, runs the video game organization app, Keep Track of My Games, dabbles in game development, and is active in open source.

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.