# reactotron/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/reactotron-reactotron).**

15,564 stars · 969 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/reactotron/reactotron
- Homepage: https://docs.infinite.red/reactotron/
- awesome-repositories: https://awesome-repositories.com/repository/reactotron-reactotron.md

## Description

Reactotron is a desktop application and collection of developer tools designed for monitoring runtime errors, analyzing network requests, and inspecting state within JavaScript and React environments. It serves as a debugger for both React JS and React Native projects, providing a visual interface to monitor internal application state and performance.

The tool provides specialized inspectors for React Native mobile applications and React web applications. It allows for the real-time tracking of state changes and the dispatching of actions to a state manager to test different application scenarios.

The platform covers a broad observability surface, including network traffic analysis for API requests and responses, global error tracking with source-mapped stack traces, and application event logging. It also includes utilities for performance benchmarking, local storage inspection, and visual layout debugging via image overlays.

## Tags

### Data & Databases

- [Application State Management](https://awesome-repositories.com/f/data-databases/application-state-management.md) — Offers a real-time monitor for tracking state changes and dispatching actions to state managers. ([source](https://github.com/reactotron/reactotron#readme))
- [State Inspection Interfaces](https://awesome-repositories.com/f/data-databases/application-state-management/state-inspection-interfaces.md) — Provides visual state inspection interfaces for tracking real-time data flow and state changes. ([source](https://github.com/reactotron/reactotron#readme))
- [Local Storage Inspectors](https://awesome-repositories.com/f/data-databases/data-engineering-infrastructure/data-persistence-storage/data-storage/client-side-persistence/local-storage-solutions/local-storage-inspectors.md) — Provides a tool for viewing and tracking persistent data in local key-value databases to verify state. ([source](https://github.com/reactotron/reactotron#readme))

### Development Tools & Productivity

- [React Native Debuggers](https://awesome-repositories.com/f/development-tools-productivity/state-debugging-tools/react-native-debuggers.md) — Serves as a specialized debugger for monitoring and modifying the state of React Native mobile applications.
- [Action-Based State Tracking](https://awesome-repositories.com/f/development-tools-productivity/change-tracking/state-tracking-utilities/action-based-state-tracking.md) — Features action-based state tracking to monitor state changes and dispatch actions to state managers.
- [JavaScript Runtime Debuggers](https://awesome-repositories.com/f/development-tools-productivity/javascript-runtime-debuggers.md) — Provides a desktop utility for tracking global errors and performance metrics in JavaScript user interfaces.
- [React JS Debuggers](https://awesome-repositories.com/f/development-tools-productivity/state-debugging-tools/react-js-debuggers.md) — Provides a desktop application for inspecting state, network traffic, and logs in React JS projects.
- [Performance Benchmarking](https://awesome-repositories.com/f/development-tools-productivity/performance-benchmarking.md) — Includes performance benchmarking utilities to measure the execution time and efficiency of specific code segments. ([source](https://github.com/reactotron/reactotron#readme))

### Networking & Communication

- [Network Traffic Analyzers](https://awesome-repositories.com/f/networking-communication/network-traffic-analyzers.md) — Provides network traffic analysis to capture and verify API requests and responses between client and server.

### System Administration & Monitoring

- [Error Tracking Systems](https://awesome-repositories.com/f/system-administration-monitoring/error-tracking-systems.md) — Provides a system for capturing application failures and analyzing stack traces with source-map support. ([source](https://github.com/reactotron/reactotron#readme))
- [Network Request Interceptors](https://awesome-repositories.com/f/system-administration-monitoring/network-monitoring-tools/network-request-interceptors.md) — Captures and records API request and response traffic for inspection via network interceptors. ([source](https://github.com/reactotron/reactotron#readme))
- [Application Logging](https://awesome-repositories.com/f/system-administration-monitoring/diagnostic-tools/diagnostics/telemetry-and-log-collectors/application-logging.md) — Provides a dedicated interface for application-level logging to track runtime behavior via custom messages. ([source](https://github.com/reactotron/reactotron#readme))
- [Source Map Deobfuscators](https://awesome-repositories.com/f/system-administration-monitoring/error-tracking/source-map-deobfuscators.md) — Includes source map deobfuscators to translate minified production stack traces back to original source code.
- [Metric and Performance Monitors](https://awesome-repositories.com/f/system-administration-monitoring/monitoring-and-observability/observability-platforms/metric-performance-monitors.md) — Provides tools for observing timing and resource data to identify and optimize user interface bottlenecks. ([source](https://github.com/reactotron/reactotron#readme))

### User Interface & Experience

- [Application State Mirroring](https://awesome-repositories.com/f/user-interface-experience/event-driven-ui-frameworks/real-time-state-synchronization/application-state-mirroring.md) — Maintains a synchronized local copy of the application state for real-time inspection without querying the client.

### Web Development

- [React Development](https://awesome-repositories.com/f/web-development/react-development.md) — Provides a suite of tools for monitoring internal state and network traffic specifically for React web applications.
- [Frontend Performance Optimization](https://awesome-repositories.com/f/web-development/frontend-performance-optimization.md) — Includes utilities for measuring code execution speed and resource usage to optimize frontend performance.

### Part of an Awesome List

- [Development Tools](https://awesome-repositories.com/f/awesome-lists/devtools/development-tools.md) — Inspect React and React Native applications.
- [Development Utilities](https://awesome-repositories.com/f/awesome-lists/devtools/development-utilities.md) — CLI and desktop app for inspecting applications.