📡 You're offline — showing cached content
New version available!
Quick Access
Tutorials React Modern Development React DevTools

React DevTools

3 min read
React DevTools browser extension inspects the component tree and shows props, state, and which components re-rendered. The Profiler records render times and shows why each component re-rendered. Install from Chrome store.

React Developer Tools

Install the React DevTools browser extension to:

  • Inspect component tree and props
  • Profile renders and identify slow components
  • View and modify state in real time
  • Highlight components that re-rendered

In Chrome: F12 → Components tab / Profiler tab