How To Debug React Apps Like A Senior Developer
Web Dev Simplified
@webdevsimplifiedAbout
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!
Latest Posts
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
You May Also Like
Debug Faster: Expert Tools Now
AI-recommended products based on this video

Ketone Test Strips, 50pcs Urinalysis Keto Test Strip Accurate Urine Dip Stick Testing Ketosis Home Urinalysis Tester Kit for Testing Body Urine Ketosis Levels

18 in 1 Drinking Water Test Kit,125 Strips Water Chemical Testing for Home Tap and Well Water, Accurate Testing for Chlorine,Nitrate, Lead, Hardness, Fluoride, Iron, Copper, pH & More

AAwipes Aquarium Ammonia Test Strips 8-in-1 |100 Strips | Quick & Accurate Water Testing for Freshwater & Saltwater Tanks -Test pH, Carbonate, Alkalinity, Hardness, Chlorine, Nitrite, etc. (K02-100)




















