Redev – AI chat assistant for React DevTools

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 the React Component hierarchies and debug performance bottleneck. Redev extends the React Devtools through adding 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. - Deep Component Inspection: Delivers detailed technical information about any component in your application hierarchy. - 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. E.g React provides a way to compose through passing children. In the source codes, you dont know these children. But in Redev, its determined because its shows the runtime output. Knowing the Components output + the source codes could give better contexts to your agents. - 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. - Automated Optimization: Suggests specific code changes and automatically generates prompts packed with performance insights, ready for your coding agent to execute. Redev is an independent project. It is not affiliated with, endorsed by, or maintained by the React core team, and it is not an official React DevTools product.