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 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 12 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 a... more