Debug With Third-Party Packages

You.i TV supports debugging React Native using one of the following software packages:

Redux DevTools

Redux DevTools is a browser extension used for debugging Redux application’s state changes. You.i TV recommends using it as part of React Native Debugger instead of on its own. See the Setting up Redux DevTools section to set up Redux DevTools.

Setting up Redux DevTools

Do the following:

  1. Run the following command in the RN project folder:

    yarn add --dev redux-devtools-extension
  2. Modify your store as shown here. The following is an example of a modified simple store without middleware:

    import { createStore} from 'redux';
    import { composeWithDevTools } from 'redux-devtools-extension';
    let store = createStore(counter, composeWithDevTools());

React Native Debugger

React Native Debugger is a standalone app to debug React Native apps. It consists of React Native DevTools, Redux DevTools, Remote Debugger, and React Inspector. To install and setup React Native Debugger as a standalone app, see the instructions here.

By default, React Inspector is installed with the installation of React Native Debugger. To access it, right-click the React Native Tools window and select Enable Network Inspect.