Remote debugging (React Native)

General information

React Native is an open-source framework for building multi-platform components or applications from a single codebase, where you can select a Device to build and install your Application. Mobitru Connect tool allows starting a connection to a real Device, accessible in the Device Manager and available for performing any allowed operation.

How to start

To use the real Device with the React Native, follow the steps:

  1. Install the React Native and all related tools according to your Platform.
    More details can be found here.
  2. For iOS only: install the Expo app on the Device before connecting via the Mobitru Connect.
    It’s required due known issue with xcrun tool (more details can be found here).
  3. Start a remote debug Session using the following instruction.

Build and install an Application

To build and install your Application using the React Native, follow the steps:

  1. Open the root project directory in the Console or the Terminal.
  2. Run the “yarn install” command to download and install all dependencies.
  3. The further flow will depend on what devices you are going to use:
  1. Run the “yarn start” command to start metro:
  2. Press “shift+a” to select the Android device:
  3. Wait for the Expo will be downloaded and installed to the Device:
  4. Wait for the Application will be assembled and opened in the Expo:
  5. Once the installation is complete, debugging options (like dev menu) will be available:
  1. Make sure that the Device session is active in Mobitru connect and the Expo app is installed:
  2. Run the “yarn start” command to start metro:
  3. Copy the connection URI:
  4. Open the Safari browser on the Device and try to open the URI:
  5. Press yes for switching to the Expo:
  6. Wait for the Application will be assembled and opened in the Expo:
  7. Performing actions in dev menu will be available only from the Device due issue with xcrun (mention it here):

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Scroll to Top