Reactotron FAQs

Question 1

How do I configure my React or React Native app to use Reactotron-mcp?

Accepted Answer

To use Reactotron-mcp, you need to point your app's Reactotron configuration to the proxy port (default `9091`) instead of the default Reactotron port. For example, `Reactotron.configure({ host: 'localhost', port: 9091 }).connect()`.

Question 2

Can I use Reactotron-mcp without the Reactotron desktop app being open?

Accepted Answer

Yes, Reactotron-mcp operates in 'standalone mode'. If the Reactotron desktop app is not running, your app's connection is maintained, and all messages are still captured. The proxy will automatically reconnect to Reactotron when it becomes available later, ensuring continuous data capture.

Question 3

What is Reactotron-mcp and how does it work?

Accepted Answer

Reactotron-mcp (Model Context Protocol) is a server that acts as a WebSocket proxy between your React/React Native app and the Reactotron desktop app. It intercepts and captures all Reactotron traffic – including logs, state, and network requests – making this data accessible for inspection, monitoring, and interaction by AI assistants.

Question 4

Are there pre-built AI prompts for common debugging scenarios?

Accepted Answer

Yes, Reactotron-mcp provides pre-built prompts designed to streamline common debugging workflows. Examples include `debug_app` for a comprehensive app snapshot, `trace_action` to follow specific state actions, `diagnose_network` for API issues, and `debug_errors` to triage all error types efficiently.

Question 5

What kind of app data can AI assistants access and interact with via Reactotron-mcp?

Accepted Answer

AI assistants gain a rich set of tools to access comprehensive app data. This includes querying logs, inspecting the application's state tree, monitoring network requests and responses, viewing state actions and changes, and even listing or triggering custom commands within your app.

Reactotron

Reactotron

主要功能

使用案例

主要功能

使用案例