Skip to main content

Installation

In this section, we're going to experience react native without framework.

npx react-native doctor

Then follow this setup environment guideline to install prerequisites.

npx @react-native-community/cli@latest init ref_reactnative_2025

Prerequisites​

Common

  • ✓ Node.js - Required to execute JavaScript code
  • ✓ npm - Required to install NPM dependencies
  • ✓ Watchman - Used for watching changes in the filesystem when in development mode
  • ✓ Metro - Required for bundling the JavaScript code

Android

  • ✓ Adb - Required to verify if the android device is attached correctly
  • ✓ JDK - Required to compile Java code
  • ✓ Android Studio - Required for building and installing your app on Android
  • ✓ ANDROID_HOME - Environment variable that points to your Android SDK installation
  • ✓ Gradlew - Build tool required for Android builds
  • ✓ Android SDK - Required for building and installing your app on Android

iOS

  • ✓ Xcode - Required for building and installing your app on iOS
  • ✓ Ruby - Required for installing iOS dependencies
  • ✓ CocoaPods - Required for installing iOS dependencies
  • ✓ .xcode.env - File to customize Xcode environment

Android Environment setup​

Prerequisites:

  • ✓ Adb - No devices and/or emulators connected. Please create emulator with Android Studio or connect Android device.
  • ✓ JDK - Required to compile Java code
  • ✓ Android Studio - Required for building and installing your app on Android
  • ✓ ANDROID_HOME - Environment variable that points to your Android SDK installat
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/platform-tools

Download link Tools and versions:

Working with adb and emulator​

emulator -list-avds
emulator -avd android_15_small
adb devices
Keep Android Emulator Always on top of VSCode/Editor​

Keep Android Emulator Always on top of VSCode/Editor

References​