Ejecutar aplicaciones React Native en dispositivos físicos con Expo Go

Clase 7 de 16 • Curso de Introducción a React Native

Clase anteriorSiguiente clase

Resumen

¿Sabías que puedes desarrollar aplicaciones React Native utilizando un dispositivo físico? A menudo, trabajar con emuladores puede ser pesado para algunos equipos. Por tanto, utilizar tu propio teléfono se convierte en una alternativa efectiva.

¿Por qué usar un teléfono real en lugar de un emulador?

Un dispositivo real generalmente consume menos recursos en comparación con un emulador que ejecuta simultáneamente tu servidor de Metro. Usando un teléfono físico, puedes tener una experiencia más fluida y ver cómo realmente se comporta tu aplicación.

¿Qué necesitas para ejecutar React Native en un dispositivo real?

Para poner en marcha tu app, necesitas:

  • Una conexión WiFi compartida entre tu ordenador y teléfono móvil.
  • Tener instalada la aplicación Expo Go desde Google Play (Android) o App Store (iOS).
  • Iniciar tu servidor de Metro desde el terminal con el comando específico.

¿Cómo conectar mi dispositivo con mi aplicación React Native?

Conectar tu teléfono es sencillo y rápido. Aquí te lo explicamos:

Instalación de la aplicación Expo Go

Descarga e instala Expo Go directamente desde tu tienda de aplicaciones:

  • En sistemas Android, abre Google Play y descarga Expo Go.
  • Para iOS, utiliza App Store para encontrar y descargar la misma aplicación.

Conectar mediante QR desde tu dispositivo

Realiza estos sencillos pasos para conectar tu teléfono con tu app en desarrollo:

  1. Ejecuta tu servidor Metro desde la terminal.
  2. Accede a la dirección localhost:19002 en tu navegador.
  3. Localiza el código QR generado por Expo.
  4. Durante el desarrollo:
  5. Android: desde Expo Go, escanea el código QR interno.
  6. iOS: utiliza la cámara nativa para escanear directamente el QR mostrado.

Tu aplicación estará ahora sincronizada en tiempo real y reactiva con las modificaciones que realices en tu código.

¿Qué sucede en caso de desconexiones o errores?

Si por algún motivo se interrumpe la conexión o recibes un error:

  • Lee nuevamente el código QR desde tu teléfono.
  • Verifica siempre que ambos dispositivos compartan la misma red WiFi.
  • Puedes reutilizar conexiones anteriores desde la sección "Projects" en Expo Go.

Ahora es mucho más fácil desarrollar aplicaciones React Native usando un dispositivo físico. Anímate a probar tu código directamente en tu teléfono, ¿te gustaría comentarnos tu experiencia utilizando esta técnica?