React-Native remote debugging on same network

Run your app without any cable on your mobile through Wi-Fi.

It’s so frustrating to run app on mobile while connecting it with data cable all the time, first it keeps charging, second you have to re-run everytime you unplug for receiving a call at your workplace :D, okay whatever your reason was let’s see how to run it without cable now..

First thing you’ll need your system’s IP address, we’ll look into both mac and windows.

MAC

Locate IP address on MAC:
Open Apple Menu-> System Preferences -> Network (Either from top menu->View or from open window)

cut-out text in red should be your IP

Save your IP address to type on mobile.

Windows:

Open cmd-> type ipconfig-> enter.
It shows all ip configuration of your network, we only need IPv4 Address, just copy it to type on mobile later.

Run on Mobile

Now, on mobile to your react-native app open menu by shaking device -> select Settings.

Now from opened settings click on Debug server host…

select highlighted setting

Type your IP in this dialouge and click OK.
Now refresh your react-native app and you’ll be able to run your app on remote device on same network without any cable.

Pretty easy and handy.

Don’t forget to drop a clap because I’ll have more useless tutorials for you and myself (more importantly).