Install React Native On Windows 10
Hello All, Here is the fastest and easiest way to set up a react native environment on the Windows machine. This will help you to install react-native on windows 10. Install react-native on windows 10 step by step.
Step 1:- Install Visual Studio Code.
Step 2:- Install Node.
Step 3:- Install JDK8.
Step 4:- Install Python 2.7.16.
Step 5:- Install Android Studio, SDK and AVD Setup as follows.
Make sure to install the latest SDK with the default setting and also check the project structure JDK location should be provided. For reference check snaps.
Step 6:- Open the terminal either in visual studio code or cmd prompt and type
> react-native init prasad
This will create the ready to use project folder structure with all the necessary packages installed.
Open the folder in visual studio code and type npm install.
Install React-Native CLI from terminal > npm install -g react-native-cli
The easiest way to run a react-native app is by connecting your mobile phone with USB to the system (Start developer option on and USB debugging on).
Go to terminal and type > adb devices it will list the device connected.
If there is an error in listing the devices go to Control Panel > System and Security > System click on Advance System Setting > Environment Variable > System Variable > Edit > New
Add the path i.e C:\Users\username\AppData\Local\Android\Sdk\platform-tools and click ok.
Step 7:- Set the ANDROID_HOME and JAVA_HOME path go to Control Panel > System and Security > System click on Advance System Setting > Environment Variable > User Variable > New
Step 8:- Go to terminal type >react-native run-android
All Done …!! You will get the following output screen on your mobile phone.
Hope you like this feel free to comment if you are facing any issues while setting up a development environment for react-native with windows.
You can also run the app for IOS with >react-native run-ios (with XCode).
Thank You..!
To try out use sample app on GitHub and follow mentioned steps to run it.