Hey everyone 👋
Debugging network requests on a real device has always been more painful than it should be — Flipper is fading out, Reactotron needs a desktop app running, and Chrome DevTools doesn't play well with the new architecture.
So I built react-native-network-inspector-devtools — a zero-dependency, in-app debug panel that gives you:
- 🔍 A floating bubble inside your app that opens a full network inspector (URL, method, headers, request/response body, status, duration)
- 🎭 One-tap mocking — turn any live request into a mock rule without copy-pasting
- 🔄 Preset variants per endpoint (Success / 401 / 500 / Empty) — switch with one tap to test edge cases
- 📦 Works on real devices, simulators, and in production/QA builds — no desktop tool, no Flipper, no extra setup
- ⚡ Zero native dependencies, pure JS, TypeScript-first
I've been running it in production on one of my client projects for a few months now and the QA team genuinely loves it — they can reproduce edge cases without bugging the backend team.
📦 npm: https://www.npmjs.com/package/react-native-network-inspector-devtools
🌐 RN Directory: https://reactnative.directory/package/react-native-network-inspector-devtools
⭐ GitHub: https://github.com/akshayambaliya/react-native-network-inspector-devtools
I genuinely think this can become a daily-driver tool for RN teams, but it needs more eyes and real-world feedback to get there.
If it sounds useful:
- Try it in your project and tell me what breaks
- Open an issue with feature requests / pain points you'd want solved
- A ⭐ on GitHub really helps it reach more devs
Happy to answer any questions in the comments. Roast the API, suggest features, anything 🙏