Desarrollo De Frontend (Clase) - SUSTENTACIÓN FINAL: Domi-Run - Proyecto Completo con React (parte 17) 🔥

Estos vídeos no están hechos con propósitos de enseñar, solo los subo para mantener un recuerdo de la Universidad, y para eventos futuros (errores, ¿Cómo diseñé esto?, ¿Qué error cometí?), lo digo porque no me fijo en la musica de fondo ni esos detalles mínimos ... Sustentación del proyecto N° 2 De la clase "Desarrollo de Frontend", hecho en React (v18.2.0). Se usa AI porque así lo dice el profesor, además el tiempo es corto... ¡Bienvenidos a la decimoséptima sesión de nuestro curso de *Desarrollo Frontend*! En esta clase nos enfocamos en la *Sustentación del Proyecto Final: Domi-Run*, un hito donde se consolida el conocimiento técnico y la capacidad de resolución de problemas de los futuros desarrolladores. Aprenderás a través de la exposición de casos reales cómo se integran módulos de autenticación (Login), validación rigurosa de datos y el manejo de estados globales para crear una plataforma de domicilios robusta. Los estudiantes demuestran su dominio sobre el ciclo de vida de los componentes, la gestión de rutas protegidas y la comunicación eficiente con APIs. Es una sesión clave para entender cómo pasar de ejercicios aislados a una arquitectura de software coherente y escalable. 🚀 *LO QUE VERÁS EN ESTA SESIÓN:* • Exposición Técnica: Sustentación de la arquitectura y lógica detrás de Domi-Run. • Integración de Módulos: Cómo conviven el Login, los formularios y los dashboards. • Manejo de Estados: Aplicación práctica de Redux o Context API en producción. • Feedback Profesional: Correcciones sobre diseño, UX y limpieza de código. • Validación en Vivo: Demostración de flujos de usuario y manejo de errores. • Cierre de Ciclo React: Últimos detalles antes de la transición hacia Angular. 📌 *CAPÍTULOS DEL VIDEO:* 00:00 Apertura de la sesión y criterios de evaluación 03:46 Introducción al proyecto Domi-Run: Alcance y objetivos 08:21 Sustentación Grupo 1: Arquitectura de carpetas y estructura inicial 15:31 Implementación del sistema de Login y protección de rutas 22:46 Gestión de Domicilios: CRUD de pedidos y asignación de repartidores 30:11 Lógica de validación: Asegurando la integridad de los datos de envío 38:51 Integración de mapas y visualización de rutas en el Frontend 45:21 Manejo del Estado Global: Sincronización de pedidos en tiempo real 52:41 Sesión de Q&A: Retroalimentación sobre UX y manejo de errores 1:05:16 Conclusiones de la sustentación y preparación para Angular 1:12:31 Reflexiones finales sobre el desarrollo en React y cierre de clase 🔗 *GUÍA DE LA PLAYLIST: DESARROLLO FRONTEND* • Video Anterior: https://www.youtube.com/watch?v=8VSeeHXn9UA • Video Siguiente: https://www.youtube.com/watch?v=Y5_6UDclUSg 📺 *VIDEOS RECOMENDADOS DE INGE. SRM* • FRONTEND CLASE 13 (REDUX): https://www.youtube.com/watch?v=zws4EAKwGMU • FRONTEND CLASE 14 (WEBSOCKETS): https://www.youtube.com/watch?v=c5VmWpm5kJY #ReactJS #Frontend #DomiRun #SoftwareEngineering #Sustentacion #WebDevelopment #IngeSRM #SoftwareArchitecture #JavaScript #Coding #DeliveryApp TAGS IGNORAR: react, introducción a react, curso de react, tutorial de react, react desde cero, aprender react, react js, fundamentos de react, componentes en react, estado en react, props en react, hooks en react, useState, useEffect, jsx, virtual dom, desarrollo frontend, curso de desarrollo web, programación en javascript, biblioteca de javascript, spa, aplicaciones de una sola página, react router, gestión de estado, redux, contexto en react, ciclo de vida de componentes, renderizado condicional, eventos en react, formularios en react, manejo de eventos, desarrollo de interfaces, arquitectura de componentes, patrones de diseño en react, mejores prácticas en react, optimización de rendimiento, react para principiantes, guía de react, react avanzado, integración con apis, consumo de apis rest, fetch en react, axios en react, despliegue de aplicaciones react, herramientas para desarrollo en react, entorno de desarrollo, create react app, vite, next.js, frameworks de javascript, comparación entre react y otros frameworks, ventajas de usar react, comunidad de react, recursos para aprender react, documentación oficial de react, ejemplos prácticos de react, proyectos con react, desarrollo de aplicaciones web, interfaces de usuario, diseño de interfaces, experiencia de usuario, usabilidad, responsive design, diseño adaptable, css en react, styled-components, css modules, sass en react, testing en react, pruebas unitarias, jest, testing library, tdd, desarrollo dirigido por pruebas, depuración en react, debugging, manejo de errores, manejo de estados asíncronos, promesas en javascript, async await, manejo de datos en react, fetch api, integración con backend, fullstack con react, mern stack, mongodb, express.js, node.js, despliegue en netlify, despliegue en vercel, github pages, continuous deployment, continuous integration, ci/cd, herramientas de desarrollo, extensiones para vscode, configuraciones de eslint, prettier, formateo de código, convenciones de código