skellock/reactotron
Reactotron
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.
Features
- State Inspection Interfaces - Provides a real-time desktop interface for inspecting internal application activity, data flow, and current state.
- React Native Debuggers - Serves as a specialized desktop debugger for monitoring state changes and logs in React Native applications.
- Networking and API - Captures and analyzes network requests and responses to debug data exchange between the client and server.
- Application State Management - Tracks real-time data flow and enables dispatching actions to test state transitions during development.
- React JS Debuggers - Provides a desktop application for inspecting the state, network traffic, and logs of React and React Native applications.
- React Native Ecosystem - Provides essential debugging tools for the React Native ecosystem, including local storage inspection and visual alignment tools.
- Network Traffic Analyzers - Intercepts and displays API requests and responses to analyze communication between the application and the server.
- State Transition Testing - Enables dispatching actions and swapping states in real-time to test different application scenarios and transitions.
- Network Traffic Monitors - Provides a dedicated monitor for intercepting and analyzing API requests and responses between the application and server.
- Local Storage Inspectors - Provides a utility for visualizing and verifying data stored in local key-value databases within mobile environments.
- Remote Debugging Commands - Allows sending control messages back to the client application to trigger state changes or execute debugging actions.
- State Snapshots - Captures and serializes complex in-memory application states into JSON for remote visualization and time-travel debugging.
- Application Logging - Displays custom messages and system logs to debug the execution flow of the application.
- Error Tracking Systems - Captures global application errors and provides source-mapped stack traces to diagnose the root cause of crashes.
- Metric and Performance Monitors - Captures and visualizes execution data and performance metrics to help developers identify and resolve application bottlenecks.
- Operation Benchmarkers - Ships a performance analysis tool for capturing execution data and measuring the speed of specific operations.
- Performance Analysis - Measures operation execution speeds and analyzes performance metrics to identify application bottlenecks.
- Herramientas de desarrollo - Desktop app for inspecting React and state management.
- React - A JavaScript library for building user interfaces - Listed in the “React - A JavaScript library for building user interfaces” section of the Awesome Redux awesome list.
