YoVDO

How to Debug React Apps Like a Senior Developer

Offered By: Web Dev Simplified via YouTube

Tags

React Courses Next.js Courses Chrome DevTools Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn advanced debugging techniques for React applications in this comprehensive 21-minute video tutorial. Master the essential tools and strategies used by senior developers to efficiently troubleshoot and optimize React code. Explore the installation of developer tools, understand StrictMode logging tips, and set up debuggers for both standard React and Next.js projects. Dive deep into the Components tab features and settings, and discover how to leverage the Profiler tab for performance optimization. Gain valuable insights into professional-level debugging practices that will elevate your React development skills and streamline your workflow.

Syllabus

- Introduction
- Install Dev Tools
- StrictMode Logging Tip
- Debugger Tips/Setup
- Next.js Debugger Setup
- Components Tab Features
- Components Tab Settings
- Profiler Tab Features
- Profiler Tab Settings


Taught by

Web Dev Simplified

Related Courses

Build a Full Stack Twitter clone with Next.js
Coursera Project Network via Coursera
Next JS with React Hooks - Building SSR React Applications
Udemy
End to End React with Prisma 2
Udemy
Build a Server Rendered Website with Next.js
Coursera Project Network via Coursera
Next.js 14 & React - The Complete Guide
Udemy