explaingit

infinitered/reactotron

Analysis updated 2026-06-24

15,543TypeScriptAudience · developerComplexity · 2/5Setup · easy

TLDR

Desktop debugging app for React and React Native. Installs as a dev dependency and shows live state, API calls, logs, and errors from your running app.

Mindmap

mindmap
  root((reactotron))
    Inputs
      Running React app
      Redux or MST store
      API requests
    Outputs
      Live state inspector
      Network log
      Error stack traces
      Async Storage view
    Use Cases
      Debug React Native API calls
      Watch Redux state change live
      Hot swap state during dev
    Tech Stack
      TypeScript
      Electron
      React
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Inspect every API request a React Native app makes during development

USE CASE 2

Watch Redux or MobX State Tree state mutate live as users tap through the app

USE CASE 3

Trigger custom commands inside a running app from the desktop debugger

What is it built with?

TypeScriptElectronReactRedux

How does it compare?

infinitered/reactotronmicrosoft/data-formulatorgetmaxun/maxun
Stars15,54315,54915,564
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasymoderatemoderate
Complexity2/53/53/5
Audiencedeveloperdatadata

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 30min

Install the desktop app plus the in-app client and ensure your device can reach the host on the right port.

In plain English

Reactotron is a desktop debugging tool for React and React Native applications, available on macOS, Linux, and Windows. You install it as a development dependency in your app, meaning it has no effect on your production builds, and it connects to a separate desktop app where you can inspect what's happening inside your project in real time. With Reactotron, you can watch your application's state change as users interact with it, see all API requests and responses as they happen, display log messages similar to what you'd normally see in a browser console, and track errors with detailed stack traces. It also lets you monitor Async Storage in React Native apps, run quick performance benchmarks, and even hot swap your app's state when using Redux or mobx-state-tree. There's an image overlay feature for React Native as well, letting you visually check your UI against a design. The tool supports plugins for networking, Redux, MST (MobX State Tree), apisauce, React Native MMKV, Storybook, and more. You can also write custom commands to trigger actions inside your app directly from the Reactotron desktop interface. Reactotron is developed and maintained by Infinite Red, with contributions from over 70 community members, and is completely free and open source.

Copy-paste prompts

Prompt 1
Walk me through adding Reactotron to an existing Expo React Native project as a dev dependency only
Prompt 2
Wire up the Reactotron Redux plugin and show me how to time travel through state changes
Prompt 3
Write a custom Reactotron command that lets me reset my app state from the desktop UI
Prompt 4
Compare Reactotron vs Flipper for debugging a React Native app in 2026

Frequently asked questions

What is reactotron?

Desktop debugging app for React and React Native. Installs as a dev dependency and shows live state, API calls, logs, and errors from your running app.

What language is reactotron written in?

Mainly TypeScript. The stack also includes TypeScript, Electron, React.

How hard is reactotron to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is reactotron for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub infinitered on gitmyhub

Verify against the repo before relying on details.