0Pricing
React Academy · Lesson

Installing & Opening React DevTools

Set up React DevTools in Chrome/Firefox and navigate the Components panel.

Welcome

In this lesson you will install the React DevTools browser extension and learn to navigate the Components panel to inspect your running React app.

What Are React DevTools?

React DevTools is a browser extension that adds two new panels to Chrome/Firefox DevTools: **Components** (inspect the tree) and **Profiler** (measure performance). It works with any React app 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