DEV Community

Cover image for How to Inspect React Native Network Requests in Your Browser (With Zero Config)
Modha Manish (mm)
Modha Manish (mm)

Posted on

How to Inspect React Native Network Requests in Your Browser (With Zero Config)

🚀 Introducing @modhamanish/rn-network-logger — A Zero-Config Network Inspector for React Native & Expo!

Tired of setting up complex proxies, debugging certificates, or opening heavy desktop apps just to inspect network requests in React Native?

I built a lightweight, plug-and-play network inspector that makes debugging API traffic completely effortless.

👉 Key Features:

  • Zero Config: Just import it at the root of your app, and it automatically intercepts all global fetch and XMLHttpRequest requests.
  • 🖥️ Web Dashboard: Inspect, search, filter, and copy requests (including Copy as cURL) directly from a beautiful dark-themed web dashboard in any browser at http://localhost:19796.
  • 🚀 CLI Auto-Start: The local server automatically boots up in the background when you run yarn start, yarn ios, or yarn android — no manual server management required.
  • 📦 Axios Interceptors: Built-in hooks for Axios with smart deduplication to prevent double-logging.
  • 🛡️ Production-Safe: Automatically disabled in production (__DEV__ guard) for zero overhead.
  • 🔌 Expo Friendly: Fully compatible with Expo projects (simply run npx rn-network-logger or link it in your start scripts).

Check out the code, install it in your project, and let me know your feedback! Let's make React Native debugging cleaner and faster.

🔗 GitHub: https://github.com/modhamanish/rn-network-logger
📦 NPM: https://www.npmjs.com/package/@modhamanish/rn-network-logger

Top comments (1)

Collapse
 
yozora_kisei_6135ede240a1 profile image
Yozora Kisei

Your article is very good...
I'm glad to meet you.
can we discuss about that in more detail?
telegram: venus0427