instalacion-5. Instalando Expo CLI

 

5. Instalando Expo CLI: Primeros Pasos para Desarrollar con React Native

¡Hola a todos! 馃憢 En este post, vamos a ver c贸mo instalar Expo CLI, una herramienta esencial para desarrollar aplicaciones m贸viles con React Native de manera r谩pida y sencilla.

馃摴 Miniatura de la clase:
https://ejemplo.com/imagen-expo-cli.jpg

¿Qu茅 es Expo?

Expo es un framework que nos permite crear aplicaciones m贸viles multiplataforma (iOS y Android) utilizando JavaScript y React Native, sin necesidad de configurar entornos complejos como Xcode o Android Studio.

Pasos para Instalar Expo CLI

1. Opci贸n Online: Snack (Sin Instalaci贸n)

Si no quieres instalar nada en tu computadora, puedes usar Snack, una herramienta en l铆nea de Expo que te permite probar y desarrollar aplicaciones directamente desde el navegador.

馃憠 Ventajas:

  • No necesitas instalar Node.js ni Expo CLI.

  • Puedes ver los cambios en tiempo real.

  • Ideal para principiantes o pruebas r谩pidas.

Si prefieres esta opci贸n, puedes saltarte la instalaci贸n y comenzar directamente en Snack.

2. Instalar Node.js

Para trabajar con Expo CLI localmente, necesitamos tener Node.js instalado.

  • Windows/Mac: Descarga el instalador desde nodejs.org y sigue los pasos.

  • Linux: Puedes instalarlo desde la terminal o descargando el paquete manualmente.

馃攳 Verificar instalaci贸n:
Abre tu terminal y ejecuta:

bash
node -v

Si aparece la versi贸n (ejemplo: v16.14.2), ¡todo est谩 listo!

3. Instalar Expo CLI Globalmente

Una vez instalado Node.js, ejecutamos el siguiente comando en la terminal:

bash
npm install -g expo-cli

Esto instalar谩 Expo CLI de manera global en tu sistema.

✅ Verificaci贸n:
Ejecuta:

bash
expo --version

Si ves la versi贸n (ejemplo: 6.0.0), ¡ya est谩s listo para crear tu primer proyecto!

¿Qu茅 Sigue?

En el pr贸ximo post/video, veremos c贸mo crear nuestro primer proyecto con Expo y ejecutarlo en un emulador o dispositivo f铆sico.

馃搶 Recuerda: Si tienes alg煤n problema durante la instalaci贸n, d茅jame un comentario y con gusto te ayudar茅.

¡Nos vemos en la siguiente clase! 馃殌


馃敆 Enlaces 煤tiles:

Comentarios

Entradas m谩s populares de este blog

4.2-12. Componentes esenciales

7.5-10. ¿Como funcionan los estilos en React Native?

7.1-19. Creaci贸n de estilos