# infinitered/reactotron **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/infinitered-reactotron).** 15,513 stars · 961 forks · TypeScript · mit ## Links - GitHub: https://github.com/infinitered/reactotron - Homepage: https://docs.infinite.red/reactotron/ - awesome-repositories: https://awesome-repositories.com/repository/infinitered-reactotron.md ## Topics `debugging` `desktop` `react-native` `reactjs` `reactnative` `reactotron` `redux` `redux-saga` ## Description Reactotron is a desktop-based development environment designed for inspecting, monitoring, and manipulating mobile and web applications in real time. It functions as a centralized hub that connects to a running application via a persistent WebSocket connection, allowing developers to observe internal state, network traffic, and console output without manual instrumentation. The tool distinguishes itself through a modular plugin architecture that enables custom debugging commands and specialized extensions. It provides advanced diagnostic capabilities, including the ability to overlay design mockups directly onto the application interface for visual verification and the automatic redaction of sensitive information from telemetry data to maintain privacy during the development lifecycle. Beyond core inspection, the platform supports comprehensive observability features such as performance benchmarking, local storage verification, and source-mapped error tracking. It facilitates interactive debugging by allowing developers to dispatch custom actions, modify state trees, and reconstruct serialized data snapshots to troubleshoot application logic. The software is distributed as a standalone desktop application that manages connections across multiple running instances, providing a unified interface for tracking and analyzing application behavior. ## Tags ### Development Tools & Productivity - [Application Debugging Tools](https://awesome-repositories.com/f/development-tools-productivity/application-debugging-tools.md) — Connects to mobile applications via WebSockets to inspect state, network traffic, and performance in real time. - [React Native Debuggers](https://awesome-repositories.com/f/development-tools-productivity/state-debugging-tools/react-native-debuggers.md) — Monitors and modifies the internal state of mobile applications in real time to troubleshoot logic and verify data flow. - [Cross-Platform Development Tools](https://awesome-repositories.com/f/development-tools-productivity/cross-platform-development-tools.md) — Provides a development environment for monitoring application logs, dispatching custom actions, and manipulating state trees during the software development lifecycle. - [Network Request Loggers](https://awesome-repositories.com/f/development-tools-productivity/debugging-profiling-testing/debugging-diagnostics/execution-trace-log-analyzers/network-request-loggers.md) — Logs and visualizes API requests and responses to inspect network traffic and data payloads. ([source](https://docs.infinite.red/reactotron/)) - [In-App Debugging Consoles](https://awesome-repositories.com/f/development-tools-productivity/debugging-profiling-testing/debugging-diagnostics/in-app-debugging-consoles.md) — Captures standard console messages automatically and routes them to the interface without requiring manual imports in every file. ([source](https://docs.infinite.red/reactotron/tips/)) - [State Restoration Utilities](https://awesome-repositories.com/f/development-tools-productivity/state-debugging-tools/state-restoration-utilities.md) — Reconstructs serialized data snapshots to troubleshoot application logic and ensure compatibility with immutable patterns. ([source](https://docs.infinite.red/reactotron/tips/)) - [Extensible Debugging Interfaces](https://awesome-repositories.com/f/development-tools-productivity/extensible-debugging-interfaces.md) — Allows integration of custom plugins to add specialized functionality and enhance the core toolset for specific project requirements. ([source](https://docs.infinite.red/reactotron/)) - [Plugin Systems](https://awesome-repositories.com/f/development-tools-productivity/plugin-systems.md) — Supports custom modules to add new features or support for external libraries, allowing the interface to adapt to specific project requirements. ([source](https://docs.infinite.red/reactotron/plugins/)) ### Education & Learning Resources - [Mobile Inspection Tools](https://awesome-repositories.com/f/education-learning-resources/educational-resources/languages-and-programming-concepts/software-engineering-languages/web-programming-and-internet-technologies/mobile-application-development/mobile-inspection-tools.md) — Provides a visual interface for tracking API requests, overlaying design mockups, and benchmarking performance metrics within running mobile and web applications. ### User Interface & Experience - [State Manipulation Tools](https://awesome-repositories.com/f/user-interface-experience/application-state-managers/state-manipulation-tools.md) — Facilitates interactive debugging by allowing developers to dispatch actions and modify state trees in real time. ([source](https://docs.infinite.red/reactotron/mcp/)) - [Application State Managers](https://awesome-repositories.com/f/user-interface-experience/application-state-managers.md) — Monitors internal application state and activity in real time via a persistent connection. ([source](https://docs.infinite.red/reactotron/)) - [Visual Verification Tools](https://awesome-repositories.com/f/user-interface-experience/cross-platform-ui-toolkits/visual-verification-tools.md) — Compares visual implementations against design mockups by overlaying images directly onto the running application interface during development. ### Mobile Development - [Custom Debugging Commands](https://awesome-repositories.com/f/mobile-development/build-and-tooling/debugging-tools/custom-debugging-commands.md) — Enables developers to register and trigger custom actions within the application interface for interactive debugging. ([source](https://docs.infinite.red/reactotron/custom-commands/)) ### Networking & Communication - [Network Traffic Analyzers](https://awesome-repositories.com/f/networking-communication/network-traffic-analyzers.md) — Captures and analyzes API requests and responses within an application to identify communication errors and optimize data payloads. - [Multi-Instance Connection Managers](https://awesome-repositories.com/f/networking-communication/multi-device-connection-managers/multi-instance-connection-managers.md) — Manages connections across multiple running application instances to ensure debugging commands reach the correct target. ([source](https://docs.infinite.red/reactotron/mcp/)) - [WebSocket Services](https://awesome-repositories.com/f/networking-communication/websocket-services.md) — Establishes a persistent bidirectional connection between a desktop interface and a running application to stream real-time telemetry data. ### Part of an Awesome List - [Development Tools](https://awesome-repositories.com/f/awesome-lists/devtools/development-tools.md) — Desktop application for inspecting and debugging projects. ### Security & Cryptography - [Data Redaction Tools](https://awesome-repositories.com/f/security-cryptography/data-redaction-tools.md) — Automatically masks sensitive fields and tokens in telemetry data to maintain privacy. ([source](https://docs.infinite.red/reactotron/mcp/)) ### Software Engineering & Architecture - [State Snapshots](https://awesome-repositories.com/f/software-engineering-architecture/architectural-design-patterns/state-management/persistence-and-serialization/state-serialization/state-snapshots.md) — Captures and reconstructs application data structures to allow for time-travel debugging and state manipulation during the development lifecycle. - [Extensible Plugin Architectures](https://awesome-repositories.com/f/software-engineering-architecture/extensible-plugin-architectures.md) — Uses a modular registration system that allows developers to inject custom logic and UI components into the core debugging pipeline. - [Event Middleware Systems](https://awesome-repositories.com/f/software-engineering-architecture/event-middleware-systems.md) — Hooks into the application runtime to capture and route console messages and state changes through a centralized event bus. ### System Administration & Monitoring - [Design Mockup Overlays](https://awesome-repositories.com/f/system-administration-monitoring/diagnostic-tools/visual-debugging-overlays/design-mockup-overlays.md) — Allows developers to overlay design mockups directly onto the application interface for precise visual verification. ([source](https://docs.infinite.red/reactotron/mcp/)) - [Source Map Deobfuscators](https://awesome-repositories.com/f/system-administration-monitoring/error-tracking/source-map-deobfuscators.md) — Translates minified or transpiled stack traces back to original source code locations to simplify the identification of runtime exceptions. - [Metric and Performance Monitors](https://awesome-repositories.com/f/system-administration-monitoring/monitoring-and-observability/observability-platforms/metric-performance-monitors.md) — Benchmarks application performance and tracks resource usage to identify bottlenecks. ([source](https://docs.infinite.red/reactotron/))