React Native Setup on Windows 10

Опубликовано: 13 Июль 2021
на канале: JAS ACADAMY
4,898
74

React Native framework is getting more attention from developers who want to build cross-platform mobile applications (Android/ios). I could see a lot of tutorials in installing and setting up React Native on Mac OS and Linux distributions. But this tutorial is for Windows users. Here we will learn the steps to install React Native on Windows 10

If you are new to mobile development, the easiest way to get started is with Expo CLI. Expo is a set of tools built around React Native and, while it has many features, the most relevant feature for us right now is that it can get you writing a React Native app within minutes. You will only need a recent version of Node.js and a phone or emulator. If you'd like to try out React Native directly in your web browser before installing any tools, you can try out Snack.

If you are already familiar with mobile development, you may want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.You will need Node, the React Native command line interface, a JDK, and Android Studio.While you can use any editor of your choice to develop your app, you will need to install Android Studio in order to set up the necessary tooling to build your React Native app for Android.

Join our telegram community

https://t.me/jasacadamy

These are the step which we are following on video

1. Install Java

https://www.oracle.com/in/java/techno...

2. Set JAVA env variable

The PATH is the system variable that your operating system uses to locate needed executables from the command line or Terminal window.
The PATH system variable can be set using System Utility in control panel on Windows, or in your shell's startup file on Linux and Solaris.
Making changes to the system PATH variable is typically not necessary for computers running Windows or Mac OS X
https://confluence.atlassian.com/doc/...
https://java.com/en/download/help/pat...

3. Install Android Studio

https://developer.android.com/studio

4. Set ANDROID_HOME env variable

https://www.programsbuzz.com/article/...

6. Create Emulator

https://developer.android.com/studio/...

5. Install chocolatey

https://docs.chocolatey.org/en-us/cho...

6. Install latest nodejs

https://nodejs.org/en/download/

7. Install VS code

https://code.visualstudio.com/

8. Create React native Project

npx react-native init project-name

9.Build project

npx react-native run-android

React native Setup Documentation

https://reactnative.dev/docs/environm...

Join our telegram community

https://t.me/jasacadamy

0:00 Introduction
0:01 React Native Setup on Windows 10
0:23 Install JDK
2:56 Set JAVA System Variable
4:36 Install Android Studio
10:48 Set ANDROID HOME Variable
12:41 Install chocolatey & Nodejs
15:25 Install VS Code
16:36 Create a Sample Project
23:49 Join our Telegram Community for free react native training