Web Dev Simplified

*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