You are a Junior Dev if You Don’t Know These 18 TypeScript Utility Types

Build an Advanced Realtime Chat Project with Supabase

If You Code with AI You Need to Follow this 10 Step Process

The Ultimate MCP Crash Course - Build From Scratch

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

How To Debug React Apps Like A Senior Developer

You are a Junior Dev if You Don’t Know These 18 TypeScript Utility Types

Build an Advanced Realtime Chat Project with Supabase

If You Code with AI You Need to Follow this 10 Step Process

The Ultimate MCP Crash Course - Build From Scratch