Redev

Redev is a developer tool for inspecting and debugging React applications. It integrates an AI chat assistant directly into React DevTools to help you analyze React component hierarchies and debug performance bottlenecks.

Install from the Chrome Web Store

What it does

Redev extends React DevTools with a chat interface. It does the following:

• Context-Aware Insights — answers complex questions about your React performance data, offering deep insights into rendering, commits, scheduling, and more.
• Source Code Bridging — connects your raw source code directly to live runtime outputs like the Fiber tree. Its built-in tool calling allows the AI agent to inspect component source code. This is crucial: React provides a way to compose through passing children, and in the source code you don't know what those children are — but in Redev it's determined, because Redev shows the runtime output. Knowing a component's output plus its source code gives better context to your agents.
• Automated Optimization — suggests specific code changes and automatically generates prompts packed with performance insights, ready for your coding agent to execute.
• Deep Component Inspection — delivers detailed technical information about any component in your application hierarchy.
• Bring Your Own Model — works with a local Ollama instance (fully offline) or a Codex subscription. Your data goes to the provider you configure, and nowhere else.

Privacy

Redev has no servers, no telemetry, and no analytics. Debugging context is sent only to the AI provider you explicitly configure, only when you ask a question. Read the full privacy policy.