React Native y Expo: Interfaces, Estado y APIs de Dispositivo

Este curso acompaña la construcción de una aplicación móvil de comercio electrónico con React Native y Expo, pero la ruta se organiza alrededor de decisiones verificables, no de una sucesión de comandos. En el primer módulo prepararás un proyecto reproducible, reconocerás sus archivos y conectarás pantallas mediante navegación. La pregunta central será qué responsabilidad pertenece al proyecto, al componente o al flujo de navegación. La práctica de tareas servirá para comprobar que una acción en una pantalla modifica la vista correcta sin perder el contexto.

El segundo módulo se concentra en una interfaz que debe adaptarse a tamaños distintos y conservar datos coherentes. Trabajarás con Flexbox, dimensiones, Context API, hooks, formularios y validaciones. No bastará con que una pantalla se vea bien: tendrás que demostrar que el estado tiene una fuente clara, que los errores se muestran en el momento adecuado y que el usuario puede corregir una entrada sin perder lo demás. La práctica de clima añadirá estados de carga, éxito y fallo para separar presentación de lógica.

El tercer módulo conecta la aplicación con datos y capacidades del dispositivo. Compararás fetch con axios a nivel de flujo, tratarás respuestas no exitosas y diseñarás mensajes útiles cuando una red falle. Luego distinguirás permiso denegado, permiso concedido y ubicación no disponible. AsyncStorage y SQLite se estudiarán como soluciones diferentes: el primero para valores pequeños y simples; el segundo para registros consultables. La práctica de fotos combinará selección local, persistencia y una API simulada sin ocultar estados intermedios.

El proyecto integrador reunirá catálogo, navegación, carrito, checkout, pagos simulados y notificaciones conceptuales. Definirás primero pantallas y transiciones; después separarás el carrito de la presentación y calcularás importes con datos explícitos. La integración de pagos se trabajará con un entorno de prueba y sin almacenar números completos de tarjeta. Finalmente, probarás flujos normales y casos de error, revisarás consistencia de estado y justificarás qué parte requiere una API real antes de publicar.

El trabajo final será una pequeña tienda de productos de papelería. Deberá permitir explorar tres productos, ver detalles, añadir y quitar unidades, revisar subtotal y total, completar un formulario validado y mostrar un resultado de pago simulado. También conservará el carrito al reiniciar, cuando esa decisión esté implementada de forma segura. No se evaluará una estética concreta, sino la trazabilidad entre interacción, estado y resultado.

Comprobarás el aprendizaje con evidencias reproducibles: una tabla de rutas y parámetros, capturas o registros de estados de carga y error, datos de prueba completos, cálculos manuales y una lista de casos ejecutados. Cada decisión deberá indicar su entrada y salida esperada. Un resultado satisfactorio incluye navegación sin rutas huérfanas, identificadores estables, validación que impide envíos incompletos, permisos solicitados en contexto, persistencia que recupera los mismos registros y un checkout que nunca confunde importe, descuento y total. Si una capacidad depende de un servicio externo, la presentarás como límite de integración y demostrarás el comportamiento local con datos ficticios.