React 18 Debugging Playbook
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.
Table of contents
- Overview 2m
- Set up a Killer Debugging Workflow 7m
- Debug Helpers: $r and useDebugValue 3m
- Debugging Unexpected Prop Values 9m
- Debugging Issues When Changing Props 8m
- Debugging Issues When Passing Props 7m
- Debugging Issues with State 9m
- Debugging Hook Dependencies 7m
- Debugging Maximum Depth 7m
- Debugging Async Effects 5m
- Debugging with Strict Mode 5m
- Summary 1m
About the author
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