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

preview_player
Показать описание
(We're free online community, meet other makers!)

How to install Chocolatey in PowerShell:

#reactnative #android #visualstudiocode Hey guys in this tutorial I'll show you how to setup and run your first React Native app from Terminal (command line) with Android Emulator in Visual Studio Code or Android Studio.

How To Setup React Native on Windows

Video Chapters:
==============
00:00 Intro
00:56 Node 14 and JDK11
01:23 Install Chocolatey
03:26 Use Choco to install Node LTS and JDK 11
03:57 Download Android Studio
04:20 Install Android Studio
05:27 Setup Android SDK for React Native development
07:30 Set up ANDROID_HOME SDK PATH Environment Variables
08:42 Use PowerShell to verify ANDROID_HOME properly set
09:13 Add platform-tools to Environment Variables PATH
10:02 Important: Uninstall previous react-native-cli to avoid errors
10:37 Setup Android Device Emulator (Pixel 3,4,5 or XL)
11:22 How to Start Android Emulator
11:36 How to Launch React Native App in Android Emulator in Terminal from Command Line on Windows 10 or 11
12:12 How to open React Native app in VSCode
12:59 How to Run React Native app from command line with npm start
13:09 How to launch React Native App in Android Emulator from Terminal in VSCode
13:53 How to run React Native Hello World Example App in Android Emulator from VSCode
14:16 Hot Reload

Here is a list of unique Android emulator names that are available in Android Studio:
==============
Genymotion
BlueStacks
Nox
MEmu
LDPlayer
Andy
Remix OS Player

Keywords you might be entering to find this video
==============
how to run a react native app in android studio
run react native app in visual studio code
how to run react native project in visual studio code
how to run react native app in visual studio code mac
how to run react native app from visual studio code
command to run react native app in visual studio code
how to run react native code in visual studio code
how to install react native in visual studio code
how to run react native app in visual studio
how to run react native app in visual studio code
how to run emulator in visual studio code react native
how to run react native program in visual studio code
how to run react native app in visual studio code on windows
how to use react native in visual studio code
Рекомендации по теме
Комментарии
Автор

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.

georgenyagura
Автор

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

abdullahleo
Автор

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

zattifiedax
Автор

Really nice and straight forvard tutorial.
Thak you.

frantisekzapotocky
Автор

setting up environment variable correctly,
thank you!

Pradhan_Anand
Автор

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

danielstawarski
Автор

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

ardurabangarang
Автор

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.

JorgeRivera-rpzw
Автор

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

cheneddie
Автор

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

annemary
Автор

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! <3

Morphis
Автор

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

lanigoespew
Автор

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

erwinsmis
Автор

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

ubirmdx
Автор

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

tejasmakwana.
Автор

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

aboulfathfekri
Автор

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

adnanabbasi
Автор

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

loordbeerus
Автор

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

kanchanmatai
Автор

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

brandonovwigho