React 18 Debugging Playbook

سرفصل های دوره

Do you wish you spent less time debugging React code? This course will teach you how to quickly diagnose common issues using the React Developer Tools so you can spend more time writing your application.

1. Course Overview

1. Course Overview

2. Introducing the React Developer Tools

1. A 3-minute Tour of the React Developer Tools

2. Installing the Browser Extension

3. Installing the react-devtools Standalone Package

4. Help! The Dev Tool Tabs Arent Showing

3. Inspect Using the Components Tree

1. Overview

2. Correlating HTML with Virtual DOM

3. Traversing the Component Tree Quickly

4. Manipulating Props and State at Runtime

5. Demystifying Hook Indices and Revealing Names

6. Using Component Display Names for Production Debugging

7. Summary

04. Debug Using the Components Tree

01. Overview

02. Set up a Killer Debugging Workflow

03. Debug Helpers - $r and useDebugValue

04. Debugging Unexpected Prop Values

05. Debugging Issues When Changing Props

06. Debugging Issues When Passing Props

07. Debugging Issues with State

08. Debugging Hook Dependencies

09. Debugging Maximum Depth

10. Debugging Async Effects

11. Debugging with Strict Mode

12. Summary

5. Work with Profiling Sessions

1. What Is the React Profiler

2. Record and Understand Profiling Sessions

3. Save and Load Profiles for Sharing

4. Customize the React Profiler

5. Configure Production Profiling

6. Help, the Profiler Isnt Working!

6. Debug Performance with Flamegraphs

1. Overview

2. Debugging Delayed UI Updates

3. Debugging Slow Conditional Rendering

4. Debugging Parent-child Re-renders

5. Debugging Excessive Rendering

6. Debugging Rendering Due to Context

7. Summary

7. Debug Scheduling with the Timeline

1. How React Scheduling Works

2. Debugging Updates with useTransition

3. Debugging Updates with useDeferredValue

4. Next Steps and Course Wrap-up

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: PluralSight