0Pricing
React Academy · Lesson

Using the Profiler Tab

Record renders, read flame graphs, and identify slow components.

Welcome

In this lesson you will use the React DevTools Profiler to record renders, read flame graphs, and identify which components are causing performance bottlenecks.

Opening the Profiler

Click the **Profiler** tab in React DevTools (next to Components). You will see a Record button (circle) and a Reload and Profile button. The profiler only works in development mode.

All lessons in this course

  1. Installing & Opening React DevTools
  2. Inspecting Component Trees & Props
  3. Using the Profiler Tab
  4. Debugging Common React Errors
← Back to React Academy