Author: Ayush Bakde
Date: 25-07-2025
Your First React Native App (Hello World) Using VS Code
React Native is one of the most powerful frameworks for building cross-platform mobile apps using JavaScript. If you're just getting started, this blog will walk you through how to create your first React Native app — a simple "Hello World" screen — using Visual Studio Code.
Prerequisites
Make sure you have the following installed:
✅ Node.js: Download Here
✅ Expo CLI: Install via
npm install -g expo-cli✅ Android Studio (for emulator) or a real Android device
✅ Visual Studio Code
✅ Expo Go app (on your mobile from Play Store)
Step 1: Create a New Project
Open Command Prompt or VS Code Terminal and run:
npx create-expo-app hello-react-native
This will create a folder namedhello-react-native.Step 2: Open in VS Code
cd hello-react-native
Step 3: Edit the App
Step 4: Start the Project
npx expo start
This will:
Open a Metro Bundler in your browser
Show a QR code
Step 5: View the App
Option 1: Real Device
Open Expo Go app
Scan the QR code shown in your terminal/browser
Your app will launch on your phone
Option 2: Android Emulator
Open Android Studio → Start emulator
In terminal, press
ato open app in emulatorOutput
You will see:
Hello World
Conclusion
In this guide, you’ve successfully created your first React Native app using Expo CLI and Visual Studio Code — a simple yet powerful “Hello World” application.
You learned how to:
Set up the development environment
Create and open a new Expo project
Write a functional React Native component
Run your app on a physical device or emulator
React Native + Expo is one of the easiest ways to dive into mobile development, especially for web developers familiar with JavaScript. With just a few commands, you’ve created a working mobile app that runs on both Android and iOS.
Your choice of weapon
Build your Apps for any Platform
We to code. It's our passion
you can also reach us at our given
email address or phone number.
