React DevTools

Inspect React & Next.js component trees, edit state live, track re-renders, and analyze components with AI.

React DevTools is a Chrome extension that provides advanced debugging and inspection capabilities for React and Next.js applications. Features: • Component Tree Inspector — Navigate the full React component hierarchy with search and filtering • Live State & Props Editor — View and modify component state and props in real-time • Re-render Tracker — Visualize which components re-render and why, with performance metrics • Performance Panel — Analyze render times, identify bottlenecks, and monitor component lifecycle • AI-Powered Analysis — Get intelligent insights about your component architecture and optimization suggestions Works with: • React 18 & 19 • Next.js (App Router & Pages Router) • Remix, Gatsby, and other React frameworks • Development and production builds Perfect for React and Next.js developers who want deeper insight into their component trees, faster debugging, and performance optimization guidance. Privacy: This extension only accesses React fiber data on the active tab. No data is collected, stored, or transmitted to external servers. See our Privacy Policy for details.