react-native-network-proxy icon indicating copy to clipboard operation
react-native-network-proxy copied to clipboard

Network debugger (logger) for React Native apps

🛠 Network debug tool for react-native

Ever struggled with debugging network requests in React Native? Prefer console tools over GUI solutions (like reactotron)?

react-native-network-proxy

Getting started

  • Install react-native-network-proxy by running

    $ yarn add react-native-network-proxy
    

    or

    $ npm i react-native-network-proxy --save
    
  • Add react-native-network-proxy to your react-native application:

    import { start as startNetworkDebugging } from 'react-native-network-proxy';
    
    startNetworkDebugging({
      host: 'localhost',
      port: 6969,
    });
    
    // or just startNetworkDebugging();
    
  • Start react-native-network-proxy server:

    $ yarn react-native-network-proxy
    

    or

    $ npm run react-native-network-proxy
    
  • That's it! Run your app and make your fetch/XMLHttpRequest! The request should appear in the console where the server is running

Help

You can always reach me on twitter (@kureevalexey)