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.
Author Name: Kamran Ayub
Author Description:
Kamran is a full-stack web developer who lives in beautiful Minneapolis, Minnesota. He is the founder of Keep Track of My Games, which is like Goodreads but for gamers. He also helps maintain the Excalibur.js TypeScript game engine and speaks regularly at conferences like NDC and React Summit. Previously, he worked as an enterprise web developer for over 12 years for companies like Target and General Mills until he quit to spend more time with family and take summers off. He loves sharing what h… more

Table of Contents

• Course Overview
  2mins
• Introducing the React Developer Tools
  11mins
• Inspect Using the Components Tree
  23mins
• Debug Using the Components Tree
  69mins
• Work with Profiling Sessions
  13mins
• Debug Performance with Flamegraphs
  32mins
• Debug Scheduling with the Timeline
  19mins