1. Complete Guide To Setup React Native Environment [for Windows]

[This post doesn't expect you to have any software installation]

List of Softwares we will be downloading:

  • NODE JS

  • VISUAL STUDIO CODE [ANY VERSION]

  • ANDROID STUDIO [FLAMINGO VERSION RECOMMENDED]

  • JAVA'S JDK [19.2]

  • GRADLE

Installing NODE JS:

  1. Go to https://nodejs.org/en/download

  2. Click on Windows Installer and download it

  3. Search for Edit the System Environment Variables > Click on Environment Variables > In User Variables Section > Click on Path Variable > Edit > New

  4. Copy and Paste this C:\Program Files\nodejs\node_modules\npm\bin

  5. Open the command prompt and try this command: npm --version . It should give the version of the Node installed.

  6. if the error persists try check for point number 3 again.

Installing Visual Studio Code:

  1. Go to https://code.visualstudio.com/download

  2. Click on the Windows Box and Download the file as shown below

    Now follow the steps and install accordingly. [You can find numerous videos to install VS Code on Youtube].

  3. Search for Edit the System Environment Variables > Click on Environment Variables > In User Variables Section > Click on Path Variable > Edit > New

  4. Copy and Paste this : C:\Users\%User%\AppData\Local\Programs\Microsoft VS Code\bin . [ Change %User% to Name of your PC ]

  5. Open the command prompt and try this command: code . ,It should open Visual Studio Code.

  6. if the error persists try check for point number 3 again.

Installing JAVA JDK :

  1. Go to https://www.oracle.com/java/technologies/javase/jdk19-archive-downloads.html

  2. Below Java SE Development Kit 19.0.2 , click on this and download it.

  3. Install by clicking next & next without changing anything.

  4. Search for Edit the System Environment Variables > Click on Environment Variables > In User Variables Section > Click on Path Variable > Edit > New

  5. In System Variables Section > Click on New , and follow as per below image.

  6. Open the command prompt and try this command: java --version ,It should give the Java / jdk Version.

Installing Android Studio [Flamingo] :

  1. Go to https://developer.android.com/studio

  2. Click on Download Android Studio Flamingo and shown below

  3. After Downloading the file, complete the installation.

  4. Open the Android Studio and go to More Action > SDK manager.

  5. In the Search Bar type Android SDK and press enter.

  6. Go to SDK Tools and click on these, after clicking just press Apply at the bottom and wait to finish the process. as shown below.

  7. Go to SDK Platforms > Select Show Package Details and the bottom and click on these, after clicking just press Apply at the bottom and wait to finish the process. as shown.

  8. Search for Edit the System Environment Variables > Click on Environment Variables > In User Variables Section > Click on Path Variable > Edit > New

  9. Copy and Paste : C:\Users\maroo\AppData\Local\Android\Sdk\platform-tools

  10. In System Variables Section > Click on New , and follow as per below image.

  11. Open the command prompt and try this command: adb --version ,It should give the Android Debug Bridge Version.

Installing Gradle :

  1. Go to https://gradle.org/releases/

  2. Click on binary-only and download the zip file.

  3. Create a Folder name Gradle in C:/ drive. Extract the folder inside the zip file you downloaded and paste inside Gradle folder.

  4. Search for Edit the System Environment Variables > Click on Environment Variables > In User Variables Section > Click on Path Variable > Edit > New

  5. Copy and Paste : C:\Gradle\gradle-7.6.1\bin

  6. Open the command prompt and try this command: gradle --version , It should give the Gradle Version.


Stay tuned to know about the Next Topic on:

How to Run Your First React Native App