Stop Writing React Code Like This

NEW Tankstack Library is a Must Include in Every Project

I Love the NEW CSS Functions

NEW CSS Scroll Features are Game Changers

*Master every React hook* with my *FREE React Hooks Course* - _25+ videos_ 👉 https://courses.webdevsimplified.com/react-hooks-simplified
*Become a mid-level React developer* with my *Full React Course* - _40+ hours, 200+ videos_ 👉 https://reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-l8knG0BPr-o

Debugging React apps can be a difficult process if you don’t have the right tools. That is why in this video I will show you what tools you need to debug React apps like a professional and also how to properly use those tools like a senior developer.


📚 Materials/References:

React Simplified Course: https://reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-l8knG0BPr-o
Next.js Debugging Docs: https://nextjs.org/docs/pages/building-your-application/configuring/debugging#debugging-with-vs-code
Debugging Crash Course Video: https://youtu.be/l8pe_MSX4Lc
Error Boundary Video: https://youtu.be/_FuDMEgIy7I


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:57 - Install Dev Tools
01:47 - StrictMode Logging Tip
02:24 - Debugger Tips/Setup
04:43 - Next.js Debugger Setup
07:02 - Components Tab Features
13:45 - Components Tab Settings
15:05 - Profiler Tab Features
18:06 - Profiler Tab Settings


#ReactJS #WDS #ReactDevTools

How To Debug React Apps Like A Senior Developer

Stop Writing React Code Like This

NEW Tankstack Library is a Must Include in Every Project

I Love the NEW CSS Functions

NEW CSS Scroll Features are Game Changers