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

15,564 stars · 969 forks · TypeScript · MIT

## Links

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

## Description

Reactotron is a desktop application for inspecting the state, network traffic, and logs of React and React Native applications. It serves as a specialized debugging interface for monitoring network requests, performance metrics, and state transitions in JavaScript and mobile application frameworks.

The tool provides a real-time interface for tracking data flow and dispatching actions to test different state transitions. It includes a network traffic monitor to intercept and display API requests and responses, as well as a performance analysis tool for capturing execution data and measuring operation speed.

Additional capabilities cover application error tracking with source-mapped stack traces and system log display. The suite also includes a local storage inspector for mobile environments and an image overlay tool for verifying visual alignments and asset placements.

## Tags

### Data & Databases

- [State Inspection Interfaces](https://awesome-repositories.com/f/data-databases/application-state-management/state-inspection-interfaces.md) — Provides a real-time desktop interface for inspecting internal application activity, data flow, and current state. ([source](https://github.com/skellock/reactotron#readme))
- [Application State Management](https://awesome-repositories.com/f/data-databases/application-state-management.md) — Tracks real-time data flow and enables dispatching actions to test state transitions during development.
- [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 utility for visualizing and verifying data stored in local key-value databases within mobile environments. ([source](https://github.com/skellock/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 desktop debugger for monitoring state changes and logs in React Native applications.
- [React JS Debuggers](https://awesome-repositories.com/f/development-tools-productivity/state-debugging-tools/react-js-debuggers.md) — Provides a desktop application for inspecting the state, network traffic, and logs of React and React Native applications.
- [Remote Debugging Commands](https://awesome-repositories.com/f/development-tools-productivity/command-lifecycle-managers/system-command-dispatchers/remote-debugging-commands.md) — Allows sending control messages back to the client application to trigger state changes or execute debugging actions.

### Part of an Awesome List

- [Networking and API](https://awesome-repositories.com/f/awesome-lists/devtools/networking-and-api.md) — Captures and analyzes network requests and responses to debug data exchange between the client and server.
- [Development Tools](https://awesome-repositories.com/f/awesome-lists/devtools/development-tools.md) — Monitor and instrument applications from the terminal.

### Mobile Development

- [React Native Ecosystem](https://awesome-repositories.com/f/mobile-development/react-native-ecosystem.md) — Provides essential debugging tools for the React Native ecosystem, including local storage inspection and visual alignment tools.

### Networking & Communication

- [Network Traffic Analyzers](https://awesome-repositories.com/f/networking-communication/network-traffic-analyzers.md) — Intercepts and displays API requests and responses to analyze communication between the application and the server.

### Software Engineering & Architecture

- [State Transition Testing](https://awesome-repositories.com/f/software-engineering-architecture/action-based-state-transitions/state-transition-testing.md) — Enables dispatching actions and swapping states in real-time to test different application scenarios and transitions. ([source](https://github.com/skellock/reactotron#readme))
- [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 serializes complex in-memory application states into JSON for remote visualization and time-travel debugging.

### Testing & Quality Assurance

- [Network Traffic Monitors](https://awesome-repositories.com/f/testing-quality-assurance/general-testing-utilities/test-utilities-assertions/network-api-mocking/network-traffic-monitors.md) — Provides a dedicated monitor for intercepting and analyzing API requests and responses between the application and server. ([source](https://github.com/skellock/reactotron#readme))
- [Performance Analysis](https://awesome-repositories.com/f/testing-quality-assurance/performance-testing-analysis/performance-analysis.md) — Measures operation execution speeds and analyzes performance metrics to identify application bottlenecks.

### System Administration & Monitoring

- [Application Logging](https://awesome-repositories.com/f/system-administration-monitoring/diagnostic-tools/diagnostics/telemetry-and-log-collectors/application-logging.md) — Displays custom messages and system logs to debug the execution flow of the application. ([source](https://github.com/skellock/reactotron#readme))
- [Error Tracking Systems](https://awesome-repositories.com/f/system-administration-monitoring/error-tracking-systems.md) — Captures global application errors and provides source-mapped stack traces to diagnose the root cause of crashes. ([source](https://github.com/skellock/reactotron#readme))
- [Metric and Performance Monitors](https://awesome-repositories.com/f/system-administration-monitoring/monitoring-and-observability/observability-platforms/metric-performance-monitors.md) — Captures and visualizes execution data and performance metrics to help developers identify and resolve application bottlenecks. ([source](https://github.com/skellock/reactotron#readme))
- [Operation Benchmarkers](https://awesome-repositories.com/f/system-administration-monitoring/monitoring-and-observability/observability-platforms/metric-performance-monitors/performance-benchmarkers/operation-benchmarkers.md) — Ships a performance analysis tool for capturing execution data and measuring the speed of specific operations. ([source](https://github.com/skellock/reactotron#readme))
