How To Debug React Apps Like A Senior Developer

React Simplified Course: 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 ... https://www.youtube.com/watch?v=l8knG0BPr-o