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.
- Development Tools - 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.
Star history
How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.
