Wireless Debugging — React Native

Debug your react native apps wirelessly

This story is just a followup of our previous one, That is linked below

Wireless Debugging — Flutter & Android

In our previous story, we had seen, How to Debug your flutter and android apps via LAN.

In React-Native it is even easier than flutter or android. Just look into the following steps:

1. Please connect your device via USB for the first time.
2. Run the project.

react-native run-android

3. When you this command on your project directory, you will automatically get a metro server prompt. If you don’t get the prompt automatically, just run this command.

npm start

4. you will get a prompt like this,

Screenshot of my metro server

5. In that, you will find a line to click d in your keyboard to open developer menu.

6. After clicking d in your keyboard, you will get a settings popup in your device.

7. In that click settings, You will be redirected to another page

In that select, Debug server host & port for the device, you will get a popup, in that please type your IP of the network (LAN) with the port number, default the port is 8081. Then Click on OK.

That’s it, now you can unplug the device and start to debug wirelessly.

That's it for today.

Please follow us on social media to get our updates.

Thanks,

Build for Billions