Skip to main content

Networking

The networking plugin is reactotron-react-native which allows you to track all XMLHttpRequests in React Native.

Usage​

To use the networking plugin, you need to add the additional plugin on the import line.

import Reactotron, { networking } from "reactotron-react-native";

Next, add it as a plugin to Reactotron.

Reactotron.configure()
  .use(networking()) // <--- here we go!
  .connect();

And you're done! Now you can see your XMLHttpRequests in Reactotron.

Advanced Usage​

networking() also accepts an object with two options:

  • ignoreContentTypes: a regular expression which, when matched against the Content-Type response header, will prevent the data from being displayed in Reactotron. You typically want to do this for images (which is the default).
  • ignoreUrls: a regular expression which, when matched against the URL of the XHR, will prevent the request from being tracked in Reactotron. Can be useful for ignoring noisy logging requests.
networking({
  ignoreContentTypes: /^(image)\/.*$/i,
  ignoreUrls: /\/(logs|symbolicate)$/,
});