Skip to content

Reactotron

A desktop debugger for inspecting React and React Native apps: state, network requests, and logs.

Stars
15.6k
Forks
968
Licence
MIT
Language
TypeScript
Last update
3 months ago
Type
Dev tool

What it is

Reactotron is a debugging app for React and React Native projects. You add a small client library to your app as a dev dependency, and the app shows what is happening inside it, such as application state, network requests, performance benchmarks, and console-style messages. The README says it is used at Infinite Red to build client apps and that it is free and open source under the MIT license.

  • Watch your app's Redux or other state change as you use the app
  • Inspect API requests and responses from your app
  • Run quick performance benchmarks inside your app and view the results
  • Track React Native AsyncStorage contents

Great for

  • React Native developers who want to see app state and network calls while debugging
  • Teams working on Redux-based apps who want to inspect and dispatch actions
  • Developers who want console-style messages and global error traces in a separate window
  • Developers working on small personal projects or large apps alike, per the README

Not ideal for

  • People who only need a plain browser devtools workflow, since Reactotron requires adding a client library to the app
  • Teams who cannot add a dev dependency to their project
  • Anyone looking for a production monitoring tool; the README describes it as a development dependency that adds nothing to production builds
Step-by-step guide: how to use ReactotronInstall, first run, examples, tips and FAQs

How to get it

  1. 1

    Download the app

    Clone the repository

    git clone https://github.com/infinitered/reactotron
  2. 2

    Run it

    • Download the latest reactotron-app release for your OS from the Releases page
    • Open the Reactotron desktop app
    • Follow the React Native or React quick-start guide to add the client library to your app
    • Run your app and check that it connects to Reactotron
  3. 3

    Get the most out of it

    • Use the Networking plugin to see API requests and responses
    • Use the Redux plugin to watch and dispatch actions
    • Use the Track Global Errors plugin for source-mapped stack traces
    • Use Custom Commands to add your own actions, per the docs

Downloads

Strengths

  • Free and open source under the MIT license
  • Covers state, network, benchmarks, errors, and logs in one tool
  • Desktop builds are listed for macOS, Linux, and Windows

Trade-offs

  • You must install and configure a client library in your app before it shows anything
  • The README does not spell out a full setup procedure; it links to external docs for that
  • Release page lists app builds for each platform, but the latest npm release notes only reference the client package, so check the Releases page for the desktop app version

How it compares

ProjectStarsTypeLevelUpdatedBest for
reactotron (this)15.6kDev toolintermediate3 months agoReact Native developers who want to see app state and network calls while debugging
redux-devtools14.4kDev toolintermediate4 days agoDevelopers building React or other apps that use Redux
flipper13.4kDev toolintermediate10 days agoMobile developers who want a log viewer, layout inspector and network inspector in one place
reactjs-interview-questions44.9kCurated listbeginner23 days agoDevelopers preparing for a React job interview
zustand58.9kLibrarybeginner15 days agoReact developers who want simpler shared state than Redux
react-hook-form44.9kLibraryintermediate5 days agoReact developers building forms with several fields

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.