The Best Local Agentic Coding Workflow (Complete Guide)

This Tool Forces AI To Write Good Code

Learn React With This One Project

Why Does No One Use The Right React Hook

*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

The Best Local Agentic Coding Workflow (Complete Guide)

This Tool Forces AI To Write Good Code

Learn React With This One Project

Why Does No One Use The Right React Hook