How To Setup & Run React Native App on Android Emulator from Terminal and edit In Visual Studio Code

Поділитися
Вставка
  • Опубліковано 12 гру 2024

КОМЕНТАРІ • 110

  • @georgenyagura7742
    @georgenyagura7742 Рік тому +25

    Yes Yes Yes.... This is exactly what I wanted....been stuck with this for the past two days I was about to buy another machine😂😂😂😂😂You saved me €850.

  • @abdullahleo1604
    @abdullahleo1604 8 місяців тому +19

    My man you literally saved my life, if ww3 happens, you can use me as a human shield

  • @ranjeet_sohanpal
    @ranjeet_sohanpal 8 днів тому +1

    "Tell us something your mom doesn't know" aah mic user

  • @giovanniangaroni7649
    @giovanniangaroni7649 3 місяці тому +1

    was stuck at build for 2 weeks, you saved me the depression of not even getting to code the app itself

  • @zattifiedax
    @zattifiedax 10 місяців тому +2

    Thank you!! Following your tutorial works, especially setting up environment variables correctly. Thank you!

  • @danielstawarski8122
    @danielstawarski8122 10 місяців тому +1

    Excellent work, well done. Worth mentioning react native doctor command if something goes south throughout the process.

  • @ardurabangarang7397
    @ardurabangarang7397 Рік тому +1

    I'm so happy I stumbled into you. It's working like a miracle.

  • @soicooc3500
    @soicooc3500 2 місяці тому +1

    Thanks very much and it works very well.

  • @virinchibalusani5726
    @virinchibalusani5726 8 місяців тому +1

    Thanks buddy💚

  • @Spirxius
    @Spirxius 2 місяці тому

    You are amazing, this video have everything we need to, thank you very much!

  • @RishabhGoyal-w2b
    @RishabhGoyal-w2b Місяць тому

    thank you so much brother.. successfully installed and setup

  • @frantisekzapotocky4743
    @frantisekzapotocky4743 4 місяці тому +1

    Really nice and straight forvard tutorial.
    Thak you.

  • @Pradhan_Anand
    @Pradhan_Anand 5 місяців тому +1

    setting up environment variable correctly,
    thank you!

  • @JorgeRivera-rp1zw
    @JorgeRivera-rp1zw 7 місяців тому

    Hi, dear friend Many thanks for sharing this video is really useful..!🥳
    Hope to do more .!
    Success in your projects..!
    The voice and explanations are simple and accurate no more no less..! is odd to find someone teaching like you .
    Highly recommended.

  • @cheneddie8185
    @cheneddie8185 6 місяців тому

    when you run an emulator in Android Studio, you can just connect them by npm start and enter a at window prompt now.

  • @sudharshan.k.t1475
    @sudharshan.k.t1475 4 місяці тому

    Thank you so much for this

  • @luuyy1
    @luuyy1 9 місяців тому +1

    Powershell can't find the projects path what should I do?

  • @Morph0is
    @Morph0is 11 місяців тому

    Great Jop, I followed all steps carefully and hat absolutely no errors and in my term, erverything works fine. thanks a lot bro ande pls keep going!

  • @aboulfathfekri4044
    @aboulfathfekri4044 Рік тому +1

    Thank you for your excellent explanation , I hope i see more video from you❤

  • @dhairyayadav9210
    @dhairyayadav9210 11 місяців тому +1

    Why am I not getting App.js file???

  • @Rex-q8u
    @Rex-q8u Рік тому +1

    Why i don’t have app.js after initializing a file.

  • @tejasmakwana290
    @tejasmakwana290 9 місяців тому +1

    Sir how to open and run existing folder code downloaded from Github

  • @garlicbread7344
    @garlicbread7344 10 місяців тому

    you're my god tbh

  • @bramantiosyahrulalam2671
    @bramantiosyahrulalam2671 Рік тому

    berhasil mantap lov u pak

  • @Sneh0013
    @Sneh0013 2 місяці тому

    when i clicked on start in Device manager it says 'The emulator process for AVD Pixel_4 has terminated.'
    how to fix it

  • @annemary8128
    @annemary8128 4 місяці тому

    I downloaded all the applications but when i type react native on command prompt it does not show up.

  • @menberehailu8934
    @menberehailu8934 Рік тому

    Thankyou very much .

  • @brandonovwigho6312
    @brandonovwigho6312 6 місяців тому

    Where do i create the projects folder? I can't find it in my terminal

  • @loordbeerus6284
    @loordbeerus6284 Рік тому +1

    thank you so much bro ♥ - you deserve more i like your style to explain - can you make more tutorial about react native

    • @kawaamobus9252
      @kawaamobus9252 Рік тому

      do u know by any chance why when im trying to do "cd projects" in Command Prompt it says that system cant find the path like i mean what part of video i messed up lol

    • @renad408
      @renad408 3 місяці тому

      @@kawaamobus9252 you gotta look for the path(folder) you put react projects at if it's your first just go create a new folder

  • @MusicTime0Play
    @MusicTime0Play 7 місяців тому +1

    i got Failed to install the app. Command failed with exit code 1.. why?

    • @Banayah
      @Banayah 7 місяців тому

      same here

    • @iwankrisnawan6228
      @iwankrisnawan6228 7 місяців тому

      @@Banayah do you know how to solved it?

  • @sydrm
    @sydrm Рік тому

    Thank youuu so much for amazing explanation ✨

  • @luana43_
    @luana43_ 2 місяці тому

    hey there, I have a small problem with the platform-tools. I dont have the folder in my android sdk. What to I do?

    • @ghosttogether
      @ghosttogether  2 місяці тому

      Probably just install them? Did you figure it out?

  • @lanigoespew
    @lanigoespew Рік тому +1

    I'm so pained cause why does he have such a tiny zoomed out view for part of the video I can't see anything

  • @menasheavrahami9113
    @menasheavrahami9113 7 місяців тому

    Thanks!

  • @horssentc
    @horssentc Рік тому

    Thank you!!

    • @kawaamobus9252
      @kawaamobus9252 Рік тому

      do u know by any chance why when im trying to do "cd projects" in Command Prompt it says that system cant find the path like i mean what part of video i messed up lol

    • @horssentc
      @horssentc Рік тому

      @@kawaamobus9252 did you create a folder called "projects"? The command CD means "go to that folder" and it's followed by the name of the folder you want to acess

  • @severedshisui5667
    @severedshisui5667 Рік тому

    Got to 13:17 and get this when I run the command: info JS server already running.
    The filename, directory name, or volume label syntax is incorrect.
    info Launching emulator...
    error Failed to launch emulator. Reason: No emulators found as an output of `emulator -list-avds`. //This is the issue I am facing :(
    warn Please launch an emulator manually or connect a device. Otherwise app may fail to launch.
    info Installing the app...
    Checking the license for package Android SDK Tools in C:\Users\Lucas\AppData\Local\Android\Sdk\licenses
    License for package Android SDK Tools accepted.
    Preparing "Install Android SDK Tools (revision: 26.1.1)".
    100% CONFIGURING [20s]
    > IDLE

    • @christixian
      @christixian 7 місяців тому

      how did you fix this issue?

  • @Banayah
    @Banayah 7 місяців тому

    Are the sdk packages still the save version number or can i use the most recent (ver 34)

  • @1wikii
    @1wikii Рік тому

    oh god such a great tutor, i just following the react native documentations but i got stuck on instalation SDK android studio. Thanks man!

  • @ilyabaka5498
    @ilyabaka5498 Рік тому +14

    yo dude stop eating ur mic😅

  • @אילוןמעיין
    @אילוןמעיין Рік тому

    Thank you excellent guide!

  • @RajaShinde-mf2to
    @RajaShinde-mf2to Рік тому

    Where is discription please make it clear

  • @sahilfaldu8166
    @sahilfaldu8166 2 місяці тому

    mine didnt create an App.js i only had App.json and App.tsx,

  • @lanigoespew
    @lanigoespew Рік тому

    Wait what if I installed react native CLI without any issues in the first place? Do I still need to uninstall it?

  • @fathimaismath6415
    @fathimaismath6415 Рік тому

    for some reason, i dont seem to have an android directory whenever i create a react native project :/

  • @adnanabbasi9482
    @adnanabbasi9482 Рік тому

    thanks, your guidline has solved my problem not found on mega platforms like stack overflow and etc.
    Thanks once again.

    • @kawaamobus9252
      @kawaamobus9252 Рік тому

      do u know by any chance why when im trying to do "cd projects" in Command Prompt it says that system cant find the path like i mean what part of video i messed up lol

  • @muzamilrafiq946
    @muzamilrafiq946 11 місяців тому

    Cant we edit or code react native apps in android studio ??

  • @musamwangea3695
    @musamwangea3695 Рік тому +2

    Error Failed to launch emulator. Reason : It took to long to start and connect with and cal\Android\sdk\emulator\emulator @pixel_4_xl_API_30
    How can I solve that

    • @igniteflux4261
      @igniteflux4261 Рік тому +1

      If you are trying to relaunch your project, it could be because your android emulator has that file opened. Close it and npm run android again

    • @musamwangea3695
      @musamwangea3695 Рік тому

      @@igniteflux4261 Thanks

  • @nitishkumar_here
    @nitishkumar_here Рік тому +1

    IN LAST I AM SEEING APP.TSX NOT APP.JS WHY?

    • @Banayah
      @Banayah 7 місяців тому

      same here

  • @b.sivakumar4328
    @b.sivakumar4328 Рік тому

    Thank you brother😍

  • @devdivine__
    @devdivine__ 11 місяців тому

    does Andriod studio work on 8gb, 2.5ghz

  • @bpro5848
    @bpro5848 3 місяці тому

    enogh iwth the sticker I CANT SEE ANYTHING!!!

  • @02-ovanchi33
    @02-ovanchi33 Рік тому

    Pls when i create "npx react-native init hello_world" than In the hello_world folder there is no App.js file

  • @SARANR-e5t
    @SARANR-e5t 2 місяці тому

    Yo link is not working please provide another one

  • @mohnishthontiya982
    @mohnishthontiya982 Рік тому

    After running virtual device black screen shows please can someone tell me how can I fix this? I did everything like wipe data cold boot but nothing worked

    • @WagmiVibes
      @WagmiVibes Рік тому

      I'm experiencing same issue, were you able to fit it ?

  • @vandanaranikottapalli8543
    @vandanaranikottapalli8543 6 місяців тому

    I have created the application, but the app.js file is created as app.tsx

    • @athumanahmed9374
      @athumanahmed9374 6 місяців тому

      same case happened to me, since am not familiar with Typescript, so I renamed the file from app.tsx to app.jsx it worked perfectly without any errors and running smoothly

  • @kanchanmatai4170
    @kanchanmatai4170 8 місяців тому

    IN LAST I AM SEEING APP.TSX NOT APP.JS WHY?----I have blank screen on emulator....pls help to fix this...build was successful though

  • @toxicprogrammer69
    @toxicprogrammer69 Рік тому

    thank you so much yaar....

  • @prehistoricedu1096
    @prehistoricedu1096 Рік тому

    Sorry mate, that didn't work it still says that there's no apps connected

  • @pedrolucaslouzada7378
    @pedrolucaslouzada7378 Рік тому

    thak you so much bro, you saved my life

  • @thesslayerstv6725
    @thesslayerstv6725 Рік тому

    Task 'installDebug' not found in project ':app'. React native 0.71 version

    • @max89285
      @max89285 8 місяців тому

      same

    • @max89285
      @max89285 8 місяців тому

      Did you solve it?

  • @Nenga117
    @Nenga117 Рік тому +1

    When I make a react-native app via cmd line, it makes all the files except for app.js any reason why?

  • @shefaalimittra
    @shefaalimittra Рік тому +2

    Please help with this error
    new expo.modules.filesystem.FileSystemPackage(),
    ^
    symbol: class FileSystemPackage
    location: package expo.modules.filesystem

  • @Raiwulf
    @Raiwulf Рік тому

    is this still valid or?

  • @harh-qp9zg
    @harh-qp9zg 11 місяців тому

    Good afternoon! I have two questions: Do older versions of Android Studio consume less CPU and RAM? If yes, can I use an older version without any conflicts?

  • @sigmaweltall5734
    @sigmaweltall5734 Рік тому

    thx bro

  • @PetersExcapades
    @PetersExcapades 11 місяців тому

    great video but please, for the love of god, use a pop filter. the sound is really annoying

  • @Bisiebadboy
    @Bisiebadboy Рік тому +2

    What if the react-native project is old? like how to run the existing react-native project with react-native version 0.55.4 in window 10?

  • @ETdu38
    @ETdu38 Рік тому

    Damn, I have been stuck with the installation of the project on liunx for a few days. I guess I missed the part about uninstalling react-native-cli 😅
    This tutorial works pretty much alike on linux if you know how to set your environment variables.

    • @ghosttogether
      @ghosttogether  Рік тому

      This tutorial was based on a lot of research :)

  • @ozanemredemir9392
    @ozanemredemir9392 Рік тому

    mine didnt work as easy as in this video. i had to edit environment settings and path to add android_home, android sdk, java_home variables. also many components like gradle and java versions have compatibility issues.

  • @Alex-hr2df
    @Alex-hr2df Рік тому +3

    You should have put Windows in title

    • @ghosttogether
      @ghosttogether  Рік тому +2

      naw I think that's okay

    • @bersekiel
      @bersekiel Рік тому +1

      @@ghosttogether Not okay, I thought this video was for linux.

  • @anbu8b07devi4
    @anbu8b07devi4 Рік тому

    at 12.38-----> i have followed all the steps as given but i cant see any app.js file there instead it shows app.tsx how to fix this

  • @vanshmishra6039
    @vanshmishra6039 7 місяців тому +1

    love you baby 💋💋💋💋, i was stuck at this for about 5 days, expo was not running on my phone

  • @babusir-o8k
    @babusir-o8k Рік тому

    bro without android studio , how to setup react native emulator ??

  • @BigBrother4Life
    @BigBrother4Life Місяць тому

    I have given you thel ike.

  • @probar9237
    @probar9237 11 місяців тому

    this is fking annoying flutter is better than react

  • @mohsinali4783
    @mohsinali4783 6 місяців тому

    Bruh stop moaning in my ears

  • @lks768
    @lks768 6 місяців тому

    Hello everyone ! i have this problem
    Fatal Error] org.gradle.toolchains.foojay-resolver-convention.gradle.plugin-0.5.0.pom:2:1: Content is not allowed in prolog.
    node_modules\@react-native\gradle-plugin\settings.gradle.kts' line: 16
    * What went wrong:
    Plugin [id: 'org.gradle.toolchains.foojay-resolver-convention', version: '0.5.0'] was not found in any of the following sources:
    - Gradle Core Plugins (plugin is not in 'org.gradle' namespace)
    - Plugin Repositories (could not resolve plugin artifact 'org.gradle.toolchains.foojay-resolver-convention:org.gradle.toolchains.foojay-resolver-convention.gradle.plugin:0.5.0')
    Searched in the following repositories:
    MavenRepo
    Google
    Gradle Central Plugin Repository
    somebody know what is happen ??