Introduction & Setup

One codebase, two platforms

React Native renders real native UI from JavaScript (or TypeScript) and React. Your <View> becomes a native view on each platform — not a web page.

Start with Expo

npx create-expo-app@latest my-app
cd my-app
npx expo start

Install Expo Go on your phone and scan the QR code to run the app instantly.

Your first screen

import { Text, View } from 'react-native';

export default function App() {
  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Text>Hello, React Native!</Text>
    </View>
  );
}

Tip: Use TypeScript from day one (create-expo-app supports it) — it catches mistakes early and improves autocomplete.