What is React Dev Tools?

React Developer Tools let you inspect the component hierarchy, including component props and state. It exists both as a browser extension (for Chrome and Firefox), and as a standalone app (works with other environments including Safari, IE, and React Native).

The official extensions available for different browsers or environments.

1. Chrome extension
2. Firefox extension
3. Standalone app (Safari, React Native, etc)

Practical Code Example

// React DevTools: Official browser extension enabling:
// 1. Components Tab: Inspect React component tree, props, and hooks state
// 2. Profiler Tab: Measure component render durations and identify wasteful re-renders