Instalación y Configuración del Entorno

Opción 1: Expo (Recomendado para empezar)

• Setup rápido sin Xcode/Android Studio
• Hot reload instantáneo
• Muchas APIs preconfiguradas
• Testing en dispositivo real fácil

bash
Copiar
1# Instalar Expo CLI
2npm install -g expo-cli
3
4# Crear nuevo proyecto
5npx create-expo-app MiPrimeraApp
6
7cd MiPrimeraApp
8
9# Iniciar proyecto
10npx expo start

Opción 2: React Native CLI (Para proyectos avanzados)

• Node.js 18+
• Watchman (macOS)
• Xcode (macOS, para iOS)
• Android Studio (para Android)

bash
Copiar
1# Crear proyecto React Native CLI
2npx react-native@latest init MiApp
3
4cd MiApp
5
6# Correr en iOS (solo macOS)
7npx react-native run-ios
8
9# Correr en Android
10npx react-native run-android

Estructura del Proyecto Expo

text
Copiar
1MiPrimeraApp/
2├── App.js              # Punto de entrada
3├── app.json            # Configuración de la app
4├── package.json        # Dependencias
5├── assets/             # Imágenes, fuentes
6│   ├── icon.png
7│   └── splash.png
8└── node_modules/

Correr en Dispositivo Real

1. Instalar Expo Go en tu teléfono (App Store/Google Play)
2. Escanear el QR que aparece al correr expo start
3. Ver cambios en tiempo real con hot reload

Emuladores

iOS Simulator (solo macOS):

bash
Copiar
1# Después de instalar Xcode
2npx expo start
3# Presionar 'i' para abrir iOS simulator

Android Emulator:

bash
Copiar
1# Después de configurar Android Studio
2npx expo start
3# Presionar 'a' para abrir Android emulator