guide

The best React Native debugging tools in 2026

Updated July 2026

The short answer: use React Native DevTools for breakpoints and the React tree (it's built in), add React Buoy for network/state/storage/performance inspection across dev, staging, and production, and use Sentry (or similar) for crash reporting. Solo developers on a budget can swap Buoy for the free Reactotron at the cost of on-device and production debugging.

Full disclosure: we build React Buoy. We've kept this guide honest — every tool here is genuinely good at what it's listed for, and we say so.

1. React Native DevTools

best for: JS debugging — breakpoints, console, React tree

The official, built-in debugger since React Native 0.76 — the replacement for the deprecated Flipper. Press j in Metro and you get a Chrome DevTools frontend attached to Hermes: console, source-level breakpoints, the React component tree, and the React profiler. It's first-party, reliable, and free — there is no reason not to use it, and nothing else on this list replaces it for stepping through code. Its limits are the other half of debugging: network inspection is minimal, and there are no storage, state-library, or production-capable tools.

2. React Buoy

best for: network, state, storage & perf — in every environment

Our tool. React Buoy is a floating in-app menu with 14 installable devtools: network inspector, AsyncStorage/MMKV browser, React Query devtools, Redux/Zustand/Jotai tools, on-device performance benchmarks, console, env inspector, and more. Because the tools ship inside the app, they work in dev, staging, and production — QA and support can open them on their own phones. A desktop dashboard mirrors everything to a big screen, and an MCP server lets AI agents (Claude Code, Cursor) read the live app and drive benchmarks.

Honest limits: it's React Native/Expo only (no native iOS/Android apps), it doesn't do breakpoint debugging (use RN DevTools), and while the on-device tools are free, the desktop dashboard and MCP server are paid Pro features.

3. Reactotron

best for: free desktop debugging for solo developers

Infinite Red's free, open-source desktop app has been a community staple for years: your dev build streams API requests, Redux or MobX-State-Tree state, custom events, and timings to your computer. Setup is a small dev-only dependency, and it's actively maintained. If you debug alone at a desk against dev builds and want to spend nothing, pick Reactotron. Its model is its limit: dev-only, desktop-tethered, so bugs on a tester's phone or in production are out of reach. See our full React Buoy vs Reactotron comparison.

4. Radon IDE

best for: an all-in-one editor experience

Software Mansion's paid VS Code/Cursor extension embeds the iOS simulator or Android emulator directly in your editor, with click-to-inspect, integrated debugging, router integration, and replays. It's less a debugging tool than a rethought development environment — polished, and worth the license if you live in VS Code and want the simulator beside your code. It's dev-time only and per-developer, so it complements rather than replaces in-app or crash tooling.

5. Expo dev tools

best for: Expo projects' built-in workflow

If you're on Expo, you already have a solid baseline: the dev menu, expo-dev-client for custom dev builds, and DevTools plugins that add panels for things like React Navigation and network inspection during development. Combined with React Native DevTools it covers everyday dev debugging on Expo well. Like everything dev-build-shaped, it ends where staging and production begin.

6. Sentry

best for: production crash reporting & monitoring

A different category, deliberately included: once your app is in users' hands, you need crash reports, ANR detection, release health, and performance traces — that's Sentry (or Bugsnag, Crashlytics, etc.). These tools tell you that something broke and where, after the fact. They pair naturally with in-app tools like Buoy, which let a human holding the affected device inspect what the app was doing the moment it happened.

At a glance

RN DevToolsBuoyReactotronRadon IDE
Breakpoints / step debuggingYesNoNoYes
Network inspectorBasicYesYesPartial
Storage browserNoYesAsyncStorageNo
State-library devtoolsNoYesYesNo
Works in production buildsNoYesNoNo
On-device (no desktop needed)NoYesNoNo
AI agent access (MCP)NoYesNoNo
PriceFreeFree · paid ProFreePaid

Frequently asked questions

What is the default debugger for React Native now?

React Native DevTools — built in since RN 0.76 and the official replacement for the deprecated Flipper. Open it by pressing j in the Metro terminal.

What is the best Flipper alternative?

For JS debugging, React Native DevTools (built in). For Flipper's network/storage/plugin side, React Buoy in-app or Reactotron on the desktop. Full breakdown: React Buoy vs Flipper.

How do I debug network requests in React Native?

During development: Reactotron or Expo's network plugin on the desktop, or React Buoy's network inspector on the device. In staging or production builds, in-app tooling like Buoy is the practical option — desktop-tethered tools only attach to dev builds.

Can I debug a React Native app in production?

Breakpoint debugging, no. Inspection, yes: crash reporters like Sentry capture errors automatically, and in-app devtools like React Buoy let authorized users open the network log, storage browser, and event timeline inside a production build.

Add the inspection layer to your app

Free for on-device debugging. Two-minute install, no native code.

Quick startnpm i @buoy-gg/core