Instalar Expo CLI: React Native y emuladores

Lectura
15 min~4 min lectura

Concepto clave

Respuesta rápida: instalar Expo: para empezar un proyecto React Native actual, usá npx create-expo-app@latest, entrá a la carpeta y ejecutá npx expo start. Abrí Android con a, iOS con i en macOS o escaneá el QR con Expo Go. No instales una CLI global antigua para proyectos nuevos.

Expo es una forma práctica de crear apps React Native sin configurar cada detalle nativo desde cero. Para aprender y construir portfolio, lo importante no es memorizar comandos viejos: es poder crear un proyecto, abrirlo en un teléfono o emulador, diagnosticar errores básicos y saber cuándo Expo Go deja de alcanzar.

Comandos actuales para instalar Expo

El flujo recomendado por la documentación actual es crear el proyecto con create-expo-app y ejecutar Expo CLI localmente con npx expo.

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

Durante transiciones grandes de SDK, la documentación puede recomendar una plantilla explícita. Si necesitás crear un proyecto SDK 55, usá la plantilla indicada por Expo:

npx create-expo-app@latest --template default@sdk-55 mi-app

Si estás practicando con Expo Go, revisá que la versión del SDK sea compatible con la app Expo Go instalada en tu teléfono.

Cómo abrir la app después de instalar Expo

EntornoQué necesitásCómo abrir
Dispositivo realTeléfono, Expo Go y misma red o tunnelEscaneá el QR que aparece con npx expo start
Android EmulatorAndroid Studio y un virtual device iniciadoPresioná a en la terminal de Expo
iOS SimulatormacOS con Xcode instaladoPresioná i en la terminal de Expo
Development buildexpo-dev-client y una build propiaUsala cuando el proyecto tiene módulos nativos o configuración personalizada

Expo Go o development build

  • Expo Go: sirve para aprender, prototipos rápidos y APIs incluidas en el SDK.
  • Development build: conviene para proyectos reales con módulos nativos, configuración propia, permisos complejos o pruebas cercanas a producción.
  • Rebuild: si agregás una librería con código nativo, reconstruí la development build para incluir ese módulo.

Errores comunes al instalar Expo

  • Instalar una CLI global antigua: evitá una CLI global antigua en proyectos nuevos. Usá npx expo dentro de la carpeta del proyecto.
  • Ejecutar el comando en la carpeta equivocada: después de crear la app, entrá con cd mi-app antes de correr npx expo start.
  • El emulador no abre: iniciá primero el virtual device desde Android Studio o verificá Xcode en macOS.
  • El QR no conecta: probá misma red Wi-Fi, modo tunnel o cable USB si la red bloquea conexiones locales.
  • Una librería funciona en docs pero falla en Expo Go: revisá si requiere development build.

Checklist de dominio

  • Tenés Node LTS instalado y podés correr node --version.
  • Podés crear un proyecto con npx create-expo-app@latest mi-app.
  • Podés iniciar el servidor con npx expo start.
  • Podés abrir la app en Expo Go, Android Emulator o iOS Simulator.
  • Sabés explicar cuándo usar Expo Go y cuándo crear una development build.
  • Podés limpiar caché con npx expo start --clear cuando el bundler queda inconsistente.

Ejercicio práctico de portfolio

Creá una app mínima llamada mi-app, abrila en un teléfono o emulador y dejá evidencia técnica en GitHub.

  1. Creá el proyecto con npx create-expo-app@latest mi-app.
  2. Agregá una pantalla inicial con tu nombre, objetivo de la app y una segunda sección navegable.
  3. Probala en Android Emulator, iOS Simulator o Expo Go.
  4. Escribí un README con comandos de instalación, entorno usado y errores resueltos.
  5. Sumá capturas de pantalla para mostrarlo en entrevistas junior React Native.

Diagnóstico rápido cuando no carga

  • Confirmá que estás dentro de la carpeta del proyecto.
  • Corré npx expo start --clear si el bundler muestra módulos viejos.
  • Revisá que el emulador esté encendido antes de presionar a.
  • Si una API nativa no existe en Expo Go, migrá a development build.
  • Si el teléfono no conecta por QR, probá tunnel desde las opciones de Expo CLI.

De instalar Expo a empleo real

Para trabajo React Native, instalar Expo es solo el inicio. Convertí esta lección en una pieza de portfolio: app mínima, README claro, screenshots, comandos reproducibles y una nota honesta sobre si usaste Expo Go o development build.

Fuentes oficiales

Esta lección sigue la documentación oficial de Expo para create-expo-app, npx expo start y development builds.

Respuesta directa

¿Cómo instalar Expo CLI para React Native?

Para instalar Expo en React Native, instalá Node LTS, creá la app con npx create-expo-app@latest, entrá a la carpeta y ejecutá npx expo start. No instales una Expo CLI global antigua: Expo CLI se ejecuta con npx expo dentro del proyecto. Después abrilo con Expo Go escaneando el QR, Android Emulator presionando a, iOS Simulator presionando i en macOS o tunnel si tu red bloquea LAN.

node -v
npx create-expo-app@latest mi-app
cd mi-app
npx expo start

# Si necesitás SDK 55 explícito:
npx create-expo-app@latest mi-app --template default@sdk-55

# Android Emulator: presioná a
# iOS Simulator: presioná i en macOS
# Teléfono: escaneá el QR con Expo Go
# Red bloqueada: npx expo start --tunnel
Práctica Expo CLI

Instalar Expo y abrir la primera app

Prepará un proyecto limpio de React Native con Expo, abrilo en Expo Go o emulador y dejá una checklist de errores comunes. El objetivo es que puedas repetir el setup sin depender de una CLI global antigua.

Datos de entrada

Requisito: Node.js LTS instalado
Crear app: npx create-expo-app@latest mi-app
Iniciar: npx expo start
Android: emulador abierto + tecla a
Teléfono: Expo Go + QR o --tunnel si la red falla

Resultado esperado

La terminal muestra el QR y los atajos de Expo CLI.
Expo Go o Android Emulator abre la app inicial.
El proyecto queda creado con app/, assets/ y package.json.
No se instaló una Expo CLI global vieja.
Sabés cuándo usar --tunnel, Android Emulator o iOS Simulator.

Solución correcta

node -v
npx create-expo-app@latest mi-app
cd mi-app
npx expo start

# Atajos dentro de Expo CLI
a  # abrir Android Emulator
i  # abrir iOS Simulator en macOS
w  # abrir web si el proyecto lo soporta
?  # ver comandos disponibles

# Si necesitás SDK 55 explícito:
npx create-expo-app@latest mi-app-sdk55 --template default@sdk-55

# Si el QR no conecta por LAN:
npx expo start --tunnel

Errores comunes

  • - Ejecutar npx expo start fuera de la carpeta del proyecto.
  • - Instalar expo-cli global y mezclarlo con SDKs actuales.
  • - No tener Node LTS o usar una versión vieja de npm.
  • - Presionar a sin tener Android Emulator iniciado.
  • - Escanear el QR desde otra red y no probar --tunnel.
  • - Elegir SDK 55 sin revisar si tu Expo Go físico lo soporta.
Siguiente práctica

Después de instalar Expo, abrí la app real

Cuando create-expo-app termine, abrí el proyecto con npx expo start, probalo en Expo Go o Android Emulator y revisá app/, assets/ y package.json antes de construir pantallas reales.

npx create-expo-app@latest mi-app cd mi-app npx expo start # a = Android Emulator # i = iOS Simulator # QR = Expo Go
Ver estructura Expo
De lección a portfolio

Convertí esta lección en una prueba técnica visible.

Una app pequeña publicada, con README y decisiones explicadas, funciona mejor que una lista de tecnologías sueltas.

Paso 1

Creá una demo mínima que use el concepto de la lección.

Paso 2

Escribí un README corto con objetivo, stack, decisión técnica y mejora futura.

Paso 3

Publicá la demo y enlazala desde tu perfil profesional.

Newsletter Cursalo

Recibí rutas y cursos nuevos

Sumate para recibir recursos orientados a empleo y portfolio.

  • Rutas de empleo
  • Cursos prácticos
  • Portfolio y entrevistas

Sin spam. También podés entrar con tu cuenta para guardar progreso. Iniciá sesión