Notas de la Presentación: Configuración de Ambiente para Desarrollo con React y Expo

Introducción

• Bienvenida y presentación del tema.
• Enfocado en desarrollo cross-platform, especialmente usando React Native.
• Importancia de la configuración del ambiente de desarrollo.

Herramientas necesarias

• Necesidad de conocer JavaScript como base del desarrollo con React Native.
• Saber conceptos de React para web es útil en React Native.
• Herramientas a instalar y posibles errores comunes.

Opciones de Configuración del Ambiente de Desarrollo

1. Expo

• Ventajas:
  • Simplifica el proceso de instalación.
  • Maneja automáticamente muchas configuraciones iniciales.
• Desventajas:
  • Dependencia de Expo puede ser problemática a largo plazo si se necesita usar módulos nativos no soportados por Expo.

2. React Native Sin Expo (Bare React Native)

• Mayor control sobre la configuración, pero requiere más pasos y herramientas.
• Requiere configuración manual del entorno (Android Studio, Xcode, etc.).

Instalación de Herramientas

Node.js

• Versión LTS recomendada: 18.17.0.
• Instalación sencilla en Windows, Mac, y Linux.
• Verificación de la instalación mediante la terminal.

Expo CLI

• Comando para instalación global:

  npm install -g expo-cli
  

• Alternativa de instalación a través de npx si no se desea instalación global.

Proceso de Inicialización de Proyecto Expo

1. Creación del Proyecto
   • Comando:

     npx create-expo-app nombre-proyecto
     

   • Selección de plantillas durante la inicialización (ej. plantilla en blanco).
2. Ejecutar Aplicación
   • Comando para iniciar la aplicación:

     npm start
     

   • Escaneo de QR en Expo Go para ver la aplicación en un dispositivo físico.

Ventajas de Usar Expo

• Permite desarrollos para iOS y Android sin necesidad de un Mac para la compilación de iOS.
• Instalación rápida y fácil de configurar, permitiendo ver cambios en tiempo real sin complicaciones.

Configuración Avanzada con React Native

• Requiere instalación de herramientas adicionales como Git, Watchman, Java JDK, Ruby (en Mac) y configuraciones en variables de entorno.
• Importancia de entender el porqué detrás de cada elección y configuración para el desarrollo efectivo.

Diferencias y Comparaciones entre Expo y React Native

• Desventajas de llevar Expo a un nivel nativo por falta de algunos módulos.
• Alfredo recomendó comenzar con Expo y luego moverse a React Native para mayor control.

Conclusiones y Recursos

• Práctica y experimentación con ambas opciones; entender sus ventajas y limitaciones.
• La próxima sesión se enfocará en la estructura y archivos de proyectos de Expo y React Native.

Preguntas y Respuestas

• Ingresa en el chat preguntas sobre las configuraciones y procesos mencionados.
• Se recomienda a desarrolladores junior usar Expo inicialmente.

Cierre

• Agradecimientos a los asistentes.
• Anuncio de la próxima presentación sobre las estructuras de proyecto.
• Reflexión sobre la importancia de entender los fundamentos en desarrollo.