How To Set Up React Native Application
Table Of Contents:
- Install Node.js and npm.
- Install JAVA.
- Install Android Studio.
- Install VS Code.
- Create Your First Application.
(1) Install Node.js and NPM
- React Native requires Node.js (which includes npm).
- Download and install Node.js LTS version from:
- 🔗 https://nodejs.org/
- After installation, verify it using:
node -vnpm -v
(2) Install JAVA
- Download and install JAVA from:
- https://www.oracle.com/java/technologies/downloads/?er=221886#jdk23-windows
(3) Install Android Studio
- Download and install Android Studio from:
- https://developer.android.com/studio
- Open Android Studio and install:
- Android SDK
- Android SDK Command-line Tools
- Android Virtual Device (AVD) for testing
Set Up Android Environment Variables on Windows
- In Windows Search For Edit Environment Variable
- Add ANDROID_HOME
- Under User variables (or System variables for global access), click New….
- Variable name: ANDROID_HOME
- Variable value: The path to your Android SDK directory:
C:\Users\user\AppData\Local\Android\Sdk
- Update the Path Variable
- In the System variables section, find and select the Path variable, and then click Edit.
- Click New and add these paths one by one
C:\Users\user\AppData\Local\Android\Sdk\emulator
C:\Users\user\AppData\Local\Android\Sdk\platform-tools
Verify the Setup on Windows
- Open a new Command Prompt or PowerShell window.
- Run the following command to check if the Android SDK is properly set up:
- To check if ANDROID_HOME is correctly set:
- It should return the path to the Android SDK, something like:
Test if Android tools are accessible:
- •Run the following command to check if adb (Android Debug Bridge) is working:
- To check if the Android Emulator is working:
(4) Install VS Code
- If you don’t already have it, download and install VS Code from:
- 🔗 https://code.visualstudio.com/
Set Up The Project Folder
- Create a project folder in your hard drive where all of your project files will be present.
- Open the VS code and go to the folder.
- Run The Below Command To Create A New Project In React Native.
npx @react-native-community/cli init AmmyAI
- Now go inside the AmmyAI folder
cd AmmyAI
- Run the below command to start the application In Browser
npx react-native start
- Run the below command to start the application In Emuliator
npx react-native run-android