Quick start

The 90-second path. Assumes you have an Expo dev build and the desktop app installed.

1.

Install the npm package and the mDNS native module:

npm install --save-dev rexpo-debugger
npx expo install react-native-zeroconf

2.

Add the config plugin to app.json:

{
  "expo": {
    "plugins": ["rexpo-debugger"]
  }
}

3.

Initialize the agents inside __DEV__:

// app/_layout.tsx (or App.tsx)
import { initNetworkAgent, initConsoleAgent } from "rexpo-debugger";

if (__DEV__) {
  initNetworkAgent({});
  initConsoleAgent({ captureStackTrace: true });
}

4.

Rebuild the dev client:

npx expo prebuild
npx expo run:ios   # or run:android

5.

Open the desktop app and run your project. Within a few seconds you'll see traffic flowing.

Tip. You only need this once per project. After that, every time you open the desktop app and start your project, they find each other automatically.