How to Diagnose React App Bottlenecks with the Profiler

Have you ever wondered why your app is slow sometimes? Or why a specific action takes so long to fully run? Or maybe why it takes so long for your initial render? The React Profiler is a great tool for diagnosing these issues. In this episode we take a look at profilers in general and then dive deep into the React profiler and how you can use it to diagnose performance issues.

Show Notes

• Intro 0:00
• Small Talk 1:20
• Announcements 4:20
• Overview 6:09
• What is a CPU profiler? 7:18
• Tracing vs Sampling 9:07
• How to enable the React Profiler 15:21
• Profiler dev tool 18:30
• Profiler Settings 34:05
• What can you do with the results? 37:26
• Summary 55:35

Support the show