Skip to content Skip to sidebar Skip to footer

How to Install React Native on Windows 10 (Complete+Pictures)

Guide on how to install react native on windows and how to configure it in Android Studio. Complete for beginners.

For those of you who are mobile application developers, you must have experienced difficulties when you want to develop Android or iOS applications. Because there are many special codes that we have to memorize and we also make when we will make these applications.

Working on mobile applications with desktop applications is slightly different. So we have to go deeper into knowledge if we want to make mobile applications.

But now we don’t need to worry anymore because there is already a framework that is able to overcome the existing complexities. This framework is also known as React Native.

React Native is a framework that is compiled using Javascript and has been developed by many companies, even big companies like Facebook. So you don’t need to create hybrid apps anymore.

How to Install React Native on Windows 10

React Native also has benefits that we can feel such as being faster in working on applications, being more efficient and also having lots of templates that you can use.

Not only that, React Native is perfect for you if you want to build a startup. Because it is very easy to program and the manufacturing process can be cross-platform.

If you are interested in using the React Native framework, then you have to install it first. Here are the steps for installing React Native on Windows 10.

1. The first step you have to do is to open the Command Prompt first. Type command prompt in the Windows search engine, then right-click on the application and click menu Run as Administrator.

react native

2. To install react native, we have to install chocolatey first. Then type the command as shown in the image below. Or you can copy and paste on the chocolatey page which is in the Chocolatey Install section. Click here to go to the chocolatey page. Then click Enter.

How to Install React Native on Windows 10

3. Wait a few moments until the process is complete. Then type the command choco install -y nodejs.install openjdk. Then click Enter. The command is a command to install nodejs and JDK.

https://chocolaty.org/install

4. Then you have to download python. Click command choco install -y python2. Then click Enter.

react native

5. Next we have to open the Android studio application. If you haven’t installed it yet, it is recommended to install the Android Studio app first. Open the Android Studio app.

How to Install React Native on Windows 10

6. In the initial screen of Android Studio, click menu Configure.

react native

7. Then various menus will appear. Click menu SDK Manager.

react native

8. Then click menu SDK Platforms like in the picture below. Then put a check mark on the Android section with API level 29.

How to Install React Native on Windows 10 and its Configuration

9. Then click menu SDK Tools. And put a check mark in the Show Package Details section so we can see the details of the displayed package. Then click the button OK.

react native

10. Then click the button OK.

react native

11. Then you will be redirected to the License Agreement section. Click option Accept and click the button Next.

react native

12. Wait until the downloading process is complete. Here you have to use a fast internet connection because usually the download size is large.

react native

13. When the download is complete, then click the button Finish.

react native

14. Next we have to go to the Environment variable menu. Open the Control Panel tool. Then click menu User Accounts.

react native

15. Then click menu User Accounts again.

react native

16. In the menu, click menu Change my environment variables.

react native

17. Click the New menu and a New User Variable box will appear. Type the variable name to ANDROID_HOME. and in the variable value section, enter the SDK folder address. Then click OK.

react native

18. Then look for the variable name path and click Edit.

react native

19. Then click menu New.

react native

20. Type the folder address platform-tools. Then click OK.

react native

21. Then reopen the command prompt and type the command npm install -g react-native-cli. Wait for the React Native installation process to complete. Then you can use react native.

react native

That’s the article that explains how to install React Native. Hopefully this article can help you in making desktop applications and Android applications easily.

Post a Comment for "How to Install React Native on Windows 10 (Complete+Pictures)"