Curso de Desarrollo de Apps con React Native

Clase 1 • Creando Tu Primer Proyecto

Usa React Native CLI y Expo CLI para generar plantillas de proyecto y compara sus ventajas y desventajas. Los estudiantes ejecutan una app "Hola Mundo" en simuladores de Android e iOS.

Clase 2 • Comprendiendo la Arquitectura de React Native

Cubre el puente de JavaScript, los módulos nativos y el nuevo renderizador Fabric. Proporciona el modelo mental necesario para depurar y optimizar a lo largo del curso.

Clase 3 • Depuración y Herramientas de Desarrollo

Presenta Flipper, React DevTools y el menú de desarrollador en la app para inspeccionar el estado y las llamadas de red. Las habilidades de depuración establecidas acá se aplican en todos los capítulos siguientes.

Clase 1 • Componentes Funcionales y JSX

Revisa la sintaxis JSX, la composición de componentes y el paso de props en un contexto de React Native. Establece la mentalidad orientada a componentes necesaria para todo el trabajo de UI posterior.

Clase 2 • Gestión de Estado con Hooks

Cubre useState, useReducer y useRef para gestionar el estado local de los componentes y los efectos secundarios. Estos hooks potencian las funcionalidades interactivas construidas a lo largo del curso.

Clase 3 • API de Contexto para Estado Compartido

Implementa React Context con useContext para compartir el estado de tema y autenticación entre componentes. Proporciona una solución de estado global liviana antes de introducir Redux.

Clase 4 • Efectos Secundarios y Ciclo de Vida con useEffect

Explica el array de dependencias de useEffect, las funciones de limpieza y las trampas comunes como los closures obsoletos. El uso correcto de efectos es crítico para la obtención de datos cubierta en capítulos posteriores.

Clase 1 • Sistema de Layout Flexbox

Explica flexDirection, justifyContent, alignItems y el dimensionamiento flexible aplicados en React Native. El dominio acá permite layouts multiplataforma coherentes en todo el trabajo del proyecto.

Clase 2 • Técnicas de Diseño Adaptable

Usa la API Dimensions, el hook useWindowDimensions y dimensionamiento porcentual para layouts adaptables. Asegura que las interfaces se vean correctas en celulares y tabletas de distintos tamaños de pantalla.

Clase 3 • API StyleSheet y Tematización

Enseña StyleSheet.create, estilos en línea y composición dinámica de estilos. Los estudiantes construyen un objeto de tema reutilizable usado en todo el proyecto del curso.

Clase 1 • Navegación por Tabs y Drawer

Implementa navegadores de tabs inferiores y drawer lateral con soporte para íconos y badges. Estos patrones proporcionan la estructura de app de nivel superior usada en el proyecto del curso.

Clase 2 • Deep Linking y Manejo de URLs

Configura esquemas de URL y enlaces universales para abrir pantallas específicas desde fuentes externas. El deep linking es necesario para la navegación desde notificaciones push cubierta más adelante.

Clase 3 • Configuración y Conceptos de React Navigation

Instala las dependencias de React Navigation y explica la jerarquía del navegador, pantalla y ruta. Esta base es necesaria antes de poder implementar cualquier patrón de navegación.

Clase 4 • Patrones de Flujo de Autenticación

Implementa stacks de navegación condicionales que alternan entre pantallas de autenticación y de la app principal según el estado del token. Este patrón se reutiliza en el proyecto completo del curso.

Clase 1 • Obteniendo Datos con la API Fetch

Usa la API Fetch y Axios para realizar solicitudes GET, POST, PUT y DELETE con un manejo de errores apropiado. Las llamadas de red potencian el contenido dinámico en el proyecto del curso.

Clase 2 • SQLite y Datos Locales Estructurados

Integra una librería de SQLite para crear tablas, ejecutar consultas y gestionar datos relacionales en el dispositivo. El almacenamiento estructurado es necesario para la funcionalidad offline-first del proyecto.

Clase 3 • Estrategias de Caché y Offline

Implementa el caché con actualización en segundo plano y la detección del estado de red para una experiencia offline. Estas estrategias aseguran que la app siga siendo utilizable sin conexión de red.

Clase 4 • Patrones de Async/Await y Promesas

Aplica la sintaxis async/await, Promise.all y patrones de cancelación para gestionar solicitudes concurrentes. Un código asíncrono limpio previene condiciones de carrera en pantallas con muchos datos.

Clase 1 • Geolocalización e Integración de Mapas

Obtiene la ubicación del dispositivo con la API de Geolocalización y renderiza mapas usando react-native-maps. Las funcionalidades de ubicación potencian la pantalla de mapa en el proyecto del curso.

Clase 2 • Acceso a la Cámara y a la Librería Multimedia

Integra react-native-vision-camera y la API de la librería multimedia para la captura y selección de fotos. Las funcionalidades de cámara se usan en las pantallas de perfil y carga de contenido del proyecto.

Clase 3 • Configuración de Notificaciones Push

Configura Firebase Cloud Messaging para Android y APNs para iOS para entregar notificaciones push. El manejo de notificaciones se conecta con los patrones de deep linking del Capítulo 4.

Clase 4 • Sensores, Biometría y Hápticos

Accede a las APIs del acelerómetro, autenticación biométrica y feedback háptico para una mejor experiencia de usuario. Estas funcionalidades diferencian las apps móviles nativas de las alternativas basadas en web.

Clase 1 • React Query para Estado del Servidor

Usa los hooks useQuery y useMutation de React Query para separar el estado del servidor del estado de la UI. Este enfoque simplifica la sincronización de datos en comparación con los thunks manuales de Redux.

Clase 2 • Async Thunks y RTK Query

Maneja la obtención de datos asíncrona con createAsyncThunk y la capa de obtención de datos RTK Query. RTK Query reemplaza la lógica manual de fetch y el caché del Capítulo 5.

Clase 3 • Zustand para Estado Global Liviano

Implementa stores de Zustand para el estado de UI que no pertenece a las librerías de estado del servidor. La API minimalista de Zustand complementa a React Query en una arquitectura de estado moderna.

Clase 4 • Fundamentos de Redux Toolkit

Crea slices, reducers y acciones con las APIs createSlice y configureStore de Redux Toolkit. RTK elimina el boilerplate y es el enfoque estándar de la industria para Redux.

Clase 1 • Perfilado de Rendimiento y Optimización

Usa el motor Hermes, el panel de rendimiento de Flipper y el rastreo de re-renderizados para identificar cuellos de botella. Las técnicas de optimización acá se aplican a todas las pantallas construidas en el proyecto del curso.

Clase 2 • Pruebas Unitarias y de Integración

Escribe pruebas de componentes con Jest y React Native Testing Library, y pruebas de integración para flujos de navegación. Un código probado reduce el riesgo de regresiones durante la fase de despliegue.

Clase 3 • Pruebas de Extremo a Extremo con Detox

Automatiza flujos completos de usuario en simuladores reales usando Detox para una cobertura E2E fiable. Las pruebas E2E detectan problemas de integración que las pruebas unitarias no pueden.

Clase 4 • Animaciones con la API Animated y Reanimated

Construye animaciones de UI fluidas usando la API Animated y React Native Reanimated 3 en el hilo de UI. Las animaciones fluidas son un diferenciador clave de las apps móviles de alta calidad.