How To Debug React Apps Like A Senior Developer

Web Dev Simplified July 20, 2024
Web Dev Simplified Logo

Web Dev Simplified

@webdevsimplified

About

Web Dev Simplified is all about teaching web development skills and techniques in an efficient and practical manner. If you are just getting started in web development Web Dev Simplified has all the tools you need to learn the newest and most popular technologies to convert you from a no stack to full stack developer. Web Dev Simplified also deep dives into advanced topics using the latest best practices for you seasoned web developers. I started Web Dev Simplified in order to share my passion for web development, and do what I truly love. Teach and inspire new web developers. I have been in love with full stack web development since 2015 when I did my first internship as a web developer. Ever since then I have pursued my passion, learning everything there is to know about web development. Over the years I have taught many colleagues and friends the joys of web development, and cannot wait to teach you. Thank you for watching!

Video Description

React Simplified Course: https://reactsimplified.com/?utm_sour... 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_sour... Next.js Debugging Docs: https://nextjs.org/docs/pages/buildin... Debugging Crash Course Video:    • The Most Important Skill You Never Learned   Error Boundary Video:    • Learn React Error Boundaries In 7 Minutes   🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon:   / webdevsimplified   Twitter:   / devsimplified   Discord:   / discord   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