Aprender a desarrollar aplicaciones móviles con React Native y Expo en un entorno práctico y colaborativo. Al finalizar, los estudiantes podrán crear aplicaciones funcionales y estructuradas.
📃 Repositorio del Curso: GitHub: hellsdevelopers-2025
| Clase | Título | Descripción de los temas | Evaluación / Proyecto |
|---|---|---|---|
| 1 | Introducción a React Native y Expo | - Diferencias con React y la web. - Instalación de Expo CLI. - Configuración de VSCode y SuperMaven. - Configuración de expo-splash y app.json. |
✅ Configurar un proyecto básico con un splash screen y ejecutarlo en un emulador o dispositivo físico. |
| 2 | Componentes Básicos y expo-router | - Uso de componentes: View, Text, Image, ScrollView, TouchableOpacity, TextInput.- Creación de rutas y layouts con expo-router. - Uso del componente <Link /> para navegación. |
✅ Crear una estructura de navegación básica con rutas enlazadas mediante expo-router. |
| 3 | Navegación Avanzada | - Parámetros y rutas dinámicas con expo-router. - Navegación tipo Stack. - Personalización con expo-status-bar. |
✅ Implementar navegación dinámica en una app con mapas, pasando detalles de los markers a una segunda pantalla. |
| 4 | Expo SDK y Ecosistema | - Uso de expo-camera para fotos/videos. - Uso de expo-location para obtener ubicación. - Plugins de Expo. |
✅ Crear una app que capture fotos y obtenga la ubicación actual para centrar un mapa. |
| 5 | SQLite y Reactividad | - Introducción a expo-sqlite-reactive. - Consultas SQL y manejo de datos. - Reactividad en la UI con datos dinámicos. |
✅ Crear una lista interactiva que muestre datos guardados en SQLite y se actualice al insertar/borrar registros. |
| 6 | Modelado de Proyectos con ChatGPT y JSONCrack | - Uso de ChatGPT para idear y modelar proyectos. - Diseño de bases de datos con JSONCrack. - Diagramas y esquemas CRUD. |
✅ Presentar un esquema funcional de base de datos para un proyecto CRUD. |
| 7 | expo-av, expo-camera, expo-file-system | - Manejo de audio, video y archivos. - Escaneo de códigos de barras. - Almacenamiento de archivos en carpetas personalizadas. |
✅ Crear una app que capture fotos/videos, escanee códigos de barra y guarde archivos en carpetas personalizadas. |
| 8 | expo-contacts, expo-device y expo-document-picker | - Acceso a contactos con expo-contacts. - Información del dispositivo con expo-device. - Selección de archivos con expo-document-picker. |
✅ Crear una app para seleccionar documentos, mostrar contactos y compartir archivos. |
| 9 | expo-linking, expo-network y expo-sharing | - Implementar deep linking con expo-linking. - Manejo de red con expo-network. - Compartir archivos e imágenes con expo-sharing. |
✅ Implementar deep linking funcional y compartir imágenes o archivos desde la app. |
| 10 | react-native-pager-view y expo-store-review | - Creación de componentes con paginación. - Solicitar reseñas con expo-store-review. |
✅ Crear un componente de paginación interactiva y simular la funcionalidad de reseñas. |
| 11 | react-native-maps | - Mostrar mapas interactivos. - Markers personalizados y estilos. - Solución a problemas comunes. |
✅ Crear un mapa interactivo con markers personalizados y funciones de zoom/centrado. |
| 12 | expo-sms y expo-notifications | - Enviar SMS con expo-sms. - Notificaciones locales y push con expo-notifications. - Configuración avanzada. |
✅ Implementar envío de SMS y mostrar notificaciones locales basadas en eventos. |
- Directos en Vivo: Cada clase será transmitida en directo para una experiencia interactiva.
- Práctica Continua: Proyectos y ejercicios al final de cada clase.
- Repositorios Actualizados: Código fuente y material en el repositorio de GitHub.
- Resolución de Dudas: Sesión al final de cada clase para resolver problemas en vivo.
- Proyectos Finales: Los estudiantes aplicarán todo lo aprendido en una aplicación funcional.
- VSCode
- Expo CLI
- SuperMaven (para optimizar el entorno)
- GitHub (para manejo de versiones)
🎤 ¡Nos vemos en los directos! Aprende, práctica y crea tus propias aplicaciones móviles con React Native y Expo.