DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป

Cover image for How to run React-Native app on mobile wireless
Saurabh Chavan
Saurabh Chavan

Posted on

How to run React-Native app on mobile wireless

๐Ÿ‘‹Hey,
Welcome ๐Ÿ™

This tutorial is about React-Native๐Ÿš€.

When I started learning React-Native that time I used to run React-Native App on mobile through the USB Cable,
But the best way is to connect android mobile through wireless ๐Ÿ“ฒ and run React-Native App.

๐Ÿ•ธIn this tutorial we will learn how to run React-Native App on real Device or android mobile wirelessly๐Ÿ“ฒ

๐ŸŽฌlet's Start,

๐Ÿฅ‡first thing make Sure your laptop/pc connected to wi-fi
then find the IP-address

๐Ÿ‘‰How to find IP-address;

  1. Open the Activities overview and start typing Settings.
  2. Click on Settings.
  3. Click on Wi-Fi in the sidebar to open the panel.
  4. Click the settings for the IP address and more details on your connection.

Image description

You will get IP-address๐ŸŽ‰

๐Ÿ‘‡Next,

I hope you created a react-native app.
Use the following command to run the React-native app in android.

react-native run-android
Enter fullscreen mode Exit fullscreen mode

after that you will get an error๐Ÿšจ:

Image description

simply shack the ๐Ÿ“ฑdevice and it will open the Developer Menu.
click on settingsโš™๏ธ

Image description

you will find the option
โš’Debug server host & port for device๐Ÿ“ฑ
Click on it
Image description

Add your ip-address:8081

Image description

then go back to the app and reload the app ๐Ÿ“ฒ
๐ŸŽ‰Congratulation your React-Native App runs wireless on the real device.

๐Ÿ˜ปI hope this tutorial is helpful:)
Thank You โค๏ธ๐ŸŒธ:)

Top comments (0)

๐Ÿ‘‹ Every week new members join DEV and share a bit about them in our Welcome Thread

Welcome them to DEV and share a bit about yourself