Run React Native App on Real Device

Ғылым және технология

Hello Friends
In this tutorial video, We will learn how to run React Native App on the real device.The following steps are used to run React Native app on real device:-
1. Create React Native App
2. Open App folder in Visual Studio Code
3.Type the Code for App
4. Configure Real Device/Mobile
5. Run React Native App
#react #reactnative #reactnativetutorial
If you like this video or have any suggestion, please write it into the comment section.
WebSite www.computersciencetutorial.com/
Facebook / computersciencetutorialss
Twitter / cs_tutorial
Raddit / cstutorial
Tumbler / computersciencetutorial
Instagram / computersciencetutorial
Linkedin / computersciencetutorial
VK computersciencetutorial

Пікірлер: 120

  • @itgurukul
    @itgurukul4 жыл бұрын

    Setting IP Address I have some doubt. Do we need to setup same IP what you are showing 10.0.2.2:80. is it fixed? How to find which IP to setup exactly? If i connected multiple devices through USB. how to manage, do we need to setup multiple IP address?

  • @gladiumcaeli
    @gladiumcaeli4 жыл бұрын

    Thank you so much professor, you're a lifesaver.

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    4 жыл бұрын

    Thanks for your valuable feedback

  • @user-zx6nr5wy4o
    @user-zx6nr5wy4o Жыл бұрын

    Thanks you your video is very usefull to me .....🤝😍

  • @nrb640
    @nrb6405 ай бұрын

    Thanks a lot man. you are a genius

  • @selva4342
    @selva43423 жыл бұрын

    thanks you..

  • @nimitarora2639
    @nimitarora26394 жыл бұрын

    Awesome Video Very helpful. Thank You!!!

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    4 жыл бұрын

    Thanks Nimit

  • @andrewsmichael416
    @andrewsmichael4163 жыл бұрын

    Thanks for your effort to uploading this video but many steps are still missing, how did you setup the emulator name and what path is the emulator suppose to be set in order for vscode to understand it, I have followed the steps you pointed out but still getting error from vscode while with the emulator command not recognized

  • @deadlysoham9962

    @deadlysoham9962

    2 жыл бұрын

    same here

  • @hassanmehmood7101

    @hassanmehmood7101

    Жыл бұрын

    me too

  • @jdcrunchman999
    @jdcrunchman9999 ай бұрын

    Where can I find a tutorial showing how fo use React with BLE on a Mac and iPhone?

  • @elhadjiidrissadiop5909
    @elhadjiidrissadiop59093 жыл бұрын

    Smooth explanation , one of the bes teacher over internet, Thank You sir , please do more video about React native App like How to create a delivery app ;)

  • @robiberhe4982
    @robiberhe49824 жыл бұрын

    How can I build gardle to run in node js please make anyone to know for this issue

  • @dhaval1039
    @dhaval10394 жыл бұрын

    Very helpful for beginners. Thanks

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    4 жыл бұрын

    Thanks for your valuable feedback

  • @ramsir011
    @ramsir0113 жыл бұрын

    thank you so much for this video

  • @madhubabumalli6034
    @madhubabumalli60342 жыл бұрын

    do we need emulator for sure, even want to run the app in real android device?

  • @sanjaimahalingan377
    @sanjaimahalingan3774 жыл бұрын

    Thank for this guide.. i have iPhone, is it possible to connect to my Windows laptop.

  • @soniclickadbox8646
    @soniclickadbox86463 жыл бұрын

    Thank You very much such a nice tutorial

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    3 жыл бұрын

    Thanks for your valuable feedback

  • @fatmakocman8103
    @fatmakocman8103 Жыл бұрын

    çok çokk teşekkürler🥰

  • @umermujtaba5529
    @umermujtaba55294 ай бұрын

    how to change it back because now my app is not running on android studio emulator.

  • @raghu8898
    @raghu88983 жыл бұрын

    Hi sir if u dont mine can u tell how to connect my phone to Android studio

  • @Dizzymack1
    @Dizzymack12 жыл бұрын

    Ayeee thank you

  • @braker37
    @braker373 жыл бұрын

    02:31 - packages are installed

  • @gokulnathd3795
    @gokulnathd37952 жыл бұрын

    Really helpful! Thanks a lot!!

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    2 жыл бұрын

    Glad it helped!

  • @teamarceus7077
    @teamarceus70774 жыл бұрын

    Hey there thanks ! IVe one issue emulator -avd myavd is working fine on CMD but when i run it on VScode terminal it shows this : emulator : The term 'emulator' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1 + emulator -avd myavd + ~~~~~~~~ + CategoryInfo : ObjectNotFound: (emulator:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    4 жыл бұрын

    Please check the path of emulator folder. Every path must be separated by semi colon.

  • @teamarceus7077

    @teamarceus7077

    4 жыл бұрын

    @@ComputerScienceTutorial Done !! Thanks man Do i need to run emulator everytime and add host ip address everytime whenever i want to run on real device?

  • @ahmedsahir3988

    @ahmedsahir3988

    4 жыл бұрын

    some error !!! any help ?

  • @andrewsmichael416

    @andrewsmichael416

    3 жыл бұрын

    @@ComputerScienceTutorial Please what path is this and how do I find the emulator path, kindly make the explanation clear

  • @chethansuvarna5719
    @chethansuvarna57192 жыл бұрын

    Once install react than php program executing write

  • @shebeeradimaly6125
    @shebeeradimaly6125 Жыл бұрын

    Super

  • @vipul5529
    @vipul55293 жыл бұрын

    Can you tell me how to enable hot reloading feature in real device( save the changes and the output changes automatically)?

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    3 жыл бұрын

    @Vipul Tyagi Just shake the Mobile left and right

  • @vipul5529

    @vipul5529

    3 жыл бұрын

    @@ComputerScienceTutorial Hey, please tell me one more thing. Can I go ahead without installing android sdk. Because my laptop is not that good in terms of speed. It is quad core i3+8 gb RAM. Someone told me that I don't need android studio but I don't know about android sdk.

  • @awaiszaki14
    @awaiszaki144 жыл бұрын

    Should I use the same ip address as you write?

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    4 жыл бұрын

    yes

  • @biswanathbanik
    @biswanathbanik3 жыл бұрын

    what should be the machine configuration and is there any android studio required?

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    3 жыл бұрын

    you should have 8gb RAM i5 Processor Graphics card. you can run on low configuration also. in such case run your app on real device instead of AVD

  • @yahyahajji1159
    @yahyahajji11594 жыл бұрын

    hey sir i have a problem in app install debug i need some help please

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    4 жыл бұрын

    share your issue or email me at Dr.Chandrkant@gmail.cim

  • @amirabenyahia1902
    @amirabenyahia19022 жыл бұрын

    Hey , how did you know the IP address to debug service host and host for device ?

  • @GujaratiSafar
    @GujaratiSafar2 жыл бұрын

    Great explain, thanks sir

  • @hammadahmed5917
    @hammadahmed59174 жыл бұрын

    my node server is not working when i start the project. help me out..

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    4 жыл бұрын

    Send me screen shot on my email address dr.chandrkant@gmail.com

  • @kavibharathik2294
    @kavibharathik22942 жыл бұрын

    mobile oda connect pannum pothu adb devices nu kududa theyva illaiya sir

  • @saimahmad4302
    @saimahmad43024 жыл бұрын

    How to find avd name??...I am not sure if I am typing it correctly .....but its showing me error "emulator : The term 'emulator' is not recognized as the name of a cmdlet"

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    4 жыл бұрын

    this error generate due to wrong path of emulator in environment variable first you have to correct it. after that you can type following command in terminal window to display the list of emulator or Mobile connected with yr PC. adb device

  • @nithyaramachandran1495
    @nithyaramachandran14954 жыл бұрын

    Hi.. I have completed all the steps described in the setup and im stuck at a point where the application is not getting installed in the emulator device. react-native run-android info Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag. Jetifier found 960 file(s) to forward-jetify. Using 4 workers... After this nothing happens

  • @shubhamjain2616
    @shubhamjain26163 жыл бұрын

    Bro can you make the same video for IOS device. We are facing lots of issues running the react-native app on iPhone. Or can you help me with that?

  • @mywayofliving8011
    @mywayofliving80113 жыл бұрын

    i got error when i run the command react-native init appname

  • @muhsinabbas3655
    @muhsinabbas36552 жыл бұрын

    sir how to show the real device on the desktop secreens

  • @amardeepSingh9312
    @amardeepSingh93124 жыл бұрын

    what are you system specs ?

  • @shebeeradimaly6125
    @shebeeradimaly6125 Жыл бұрын

    Will u provide functional components tutorials

  • @SonuRaj-er1hn
    @SonuRaj-er1hn4 жыл бұрын

    In my system not working : react-native run-android It gives build failed could not initialize class org.codehaus.groovy.runtime.invokerhelper

  • @sanjaimahalingan377

    @sanjaimahalingan377

    4 жыл бұрын

    Check your gradle version in cmd and go to "[Your Project]\android\gradle\wrapper\gradle-wrapper.properties" this file edit as ...(upgrade gradle version)

  • @rakeshranjan2276
    @rakeshranjan2276 Жыл бұрын

    babaa you have to explaine every thing

  • @rakeshranjan2276

    @rakeshranjan2276

    Жыл бұрын

    my avd name is avd

  • @rakeshranjan2276

    @rakeshranjan2276

    Жыл бұрын

    why your avd name is avd?what is avd.i know about abd what is avd

  • @mkusasakala3861
    @mkusasakala38614 жыл бұрын

    What's the point of opening the emulator if you are going to use your physical device? What if I don't have an emulator installed, does it mean I can't use my phone ?

  • @ranausama8253

    @ranausama8253

    2 жыл бұрын

    no you can use your phone as he mentioned in his video he is running his code on both avd and real device you can do the same bro

  • @minecraftcufanii7580

    @minecraftcufanii7580

    2 жыл бұрын

    I'm guessing for a first test is recommended to use an emulator. After you are convinces it works well, you can deploy it to a proper android device

  • @srisayeekathiravan8236
    @srisayeekathiravan82362 жыл бұрын

    is adding that ip address with port num important for running it on our device

  • @ampomahwinston3436
    @ampomahwinston34363 жыл бұрын

    can you share that app

  • @nischalshakya5428
    @nischalshakya54283 жыл бұрын

    Hello sir, my vscode terminal is not gonna accept to your cmd command which is emulator -avd MyAVD....... What can I do????? sir plz reply my qn.... Thank you 🙏🙏🙏 🇳🇵🇳🇵🇳🇵🇳🇵🇳🇵🇳🇵🇳🇵🇳🇵

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    3 жыл бұрын

    You have to verify the path of emulator. If you have still problems, share your team viewer or any desk id

  • @andrewsmichael416

    @andrewsmichael416

    3 жыл бұрын

    Please I am facing the same issue how did you solve it

  • @tabishadnan9132
    @tabishadnan91323 жыл бұрын

    Awesome

  • @amandubey1103
    @amandubey11033 жыл бұрын

    Tip watch from 7:11 Btw helpful video🙏

  • @anupkaushik9370
    @anupkaushik93702 жыл бұрын

    why you used emulator first and later connected to real device ? you could either used emulator or Real device . it is showing error message : emulator -avd MyAVD emulator : The term 'emulator' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. please suggest the cause and solution for it

  • @tirthbhavsar8138
    @tirthbhavsar81383 жыл бұрын

    whenever i type command emulator -avd myAVD there will be a notification that fail to built app error Failed to install the app. Make sure you have the Android development environment set up: reactnative.dev/docs/environment-setup. Run CLI with --verbose flag for more details. Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort

  • @sooraj111

    @sooraj111

    3 жыл бұрын

    same problem... any solution?

  • @MM-vr8rj

    @MM-vr8rj

    3 жыл бұрын

    same did you solve it?

  • @MrAvelino2010
    @MrAvelino20103 жыл бұрын

    when I run the comand launch automatically the emulator but I want run in device

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    3 жыл бұрын

    I have share a video for the same

  • @MrAvelino2010

    @MrAvelino2010

    3 жыл бұрын

    Can u past here the Link

  • @dinukabandara6693
    @dinukabandara66938 ай бұрын

    how to find avd name? how the hell will we know it?

  • @longnhu327
    @longnhu3272 жыл бұрын

    nice tutorial

  • @dhyeyrajpara9183
    @dhyeyrajpara91834 жыл бұрын

    this video is very useful but one issue on my program emulator : The term 'emulator' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1 + emulator -avd MyAVD + ~~~~~~~~ + CategoryInfo : ObjectNotFound: (emulator:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException pls tel me how to solve this error

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    4 жыл бұрын

    plz check the path of emulator folder and set it in environmental variable

  • @omkarpabe7780
    @omkarpabe77802 жыл бұрын

    i dont have an avd

  • @komaradevaraj1904
    @komaradevaraj19043 жыл бұрын

    Last step run-android in new terminal .....it's showing error......and metro build is also not running

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    3 жыл бұрын

    Is node js command window is open or closed automatically? If yes follow it kzread.info/dash/bejne/ZGd5raZ7YsyWeqw.html

  • @komaradevaraj1904

    @komaradevaraj1904

    3 жыл бұрын

    Ya nodejs window is open but after that it's showing error like failed to install the app. Make sure u have the android development environment setup

  • @bismibarakath7827
    @bismibarakath78274 жыл бұрын

    You have not mentioned, how the AVD is available. AVD is not part of Visual studio code. It is part of Android studio. Android studio needs to be installed. Please make complete video

  • @seaorz

    @seaorz

    4 жыл бұрын

    Can you clarify why we need AVD, if we want it to run physical device?

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    4 жыл бұрын

    We can run on real device also. I also share a video for the same. plz watch it

  • @mubarrabarro6892

    @mubarrabarro6892

    4 жыл бұрын

    @@ComputerScienceTutorial sir you did not discuss about AVD..????

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    4 жыл бұрын

    Yes I also create a tutorial for how to run app on AVD. In my first video I explain how to create AVD and in second video I explain how to run app on AVD. If you have still any doubt, plz share with me

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    4 жыл бұрын

    Some times we does not want to test app on real device due to so many reason 1. App install on device and consume space. 2. Security issue 3. Crash of Android OS 4. Virus etc. In my case I preferred avd as I have to show output to my viewers Thanks for sharing yr views

  • @AtiullahKhan
    @AtiullahKhan2 жыл бұрын

    'emulator' is not recognized as an internal or external command, operable program or batch file.. How can i resolve it?

  • @TDhanunjay
    @TDhanunjay3 жыл бұрын

    how to know the avd name?

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    3 жыл бұрын

    emulator -list-avds

  • @megamandave1
    @megamandave1 Жыл бұрын

    not helpful due to missing installation/configuration of AVD

  • @jeganmaharajan6702
    @jeganmaharajan67024 жыл бұрын

    Please do not upload partial video. you are missing many things ...where do you get the IP address ? where i can get the avd name ? how to install avd ?

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    4 жыл бұрын

    thanks for sharing your issues. All these issue has been covered in first Video . emulator IP is like 127.0.0.1 of our PC

  • @tugaybaslk5158
    @tugaybaslk51584 жыл бұрын

    Taşşağına Kurbannnn :)

  • @shivisharma4598
    @shivisharma45982 жыл бұрын

    From where can i get ip address and port of adb devices?

  • @mukiibipeter07
    @mukiibipeter072 жыл бұрын

    Since when does real device mean "Emulator"

  • @Dabayare
    @Dabayare3 жыл бұрын

    If you don't have wires or don't get it, try using Expo app as long as you are on the same local wifi internet.

  • @JoyYambasu-ho7lx

    @JoyYambasu-ho7lx

    10 ай бұрын

    Expo app is a trash it doesn't handle some Dependencies

  • @review.masahiro
    @review.masahiro4 жыл бұрын

    please change your Tittle. we are confuse a lot.

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    4 жыл бұрын

    thank you for your feedback but what should I set the title?

  • @imrahuldasgupta
    @imrahuldasgupta2 жыл бұрын

    Didn't work, instead it open emulator automatically 🤦‍♂️

  • @ComputerScienceTutorial

    @ComputerScienceTutorial

    2 жыл бұрын

    Plz check the driver software of mobile and ensure that it is properly connected. If having still issue , share any desk id

  • @AqibAli-lo9tz
    @AqibAli-lo9tz3 жыл бұрын

    video sahi tittle sy banaya karo

  • @kavibharathik2294
    @kavibharathik22942 жыл бұрын

    npx package is not using in react

  • @er.sumankumar6856
    @er.sumankumar68563 жыл бұрын

    please solve this problem ::::: error Failed to install the app. Make sure you have the Android development environment set up: reactnative.dev/docs/environment-setup. Run CLI with --verbose flag for more details. Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081

  • @max96169
    @max961693 жыл бұрын

    start at 10:00

Келесі