Build an Advanced Realtime Chat Project with Supabase

Every Project Needs This NEW Tanstack Library

This CSS Dev Tool Makes Accessibility so Easy

Learn Tanstack Start In 60 Minutes

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

Build an Advanced Realtime Chat Project with Supabase

Every Project Needs This NEW Tanstack Library

This CSS Dev Tool Makes Accessibility so Easy

Learn Tanstack Start In 60 Minutes