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

Browser Rendering Optimization
Google via Udacity
Webpack 4: Beyond the Basics
Udemy
Debugging Sites Using Chrome DevTools
Pluralsight
Learning Chrome Web Developer Tools
LinkedIn Learning
Vanilla JavaScript: Progressive Web Applications
LinkedIn Learning