Arquitectura limpia y React Hooks

midudev

Resumen

El vídeo muestra un live coding práctico donde los autores refactorizan una aplicación web de podcast para eliminar la dependencia de Firebase y consumir datos directamente desde el feed RSS de iBox. A través de este proceso, aplican conceptos de Clean Architecture, inyección de dependencias y el uso de React Hooks, enfatizando la importancia de crear software sistemático y desacoplado, independientemente de la complejidad tecnológica.

Capítulos

  1. 17:04Arquitectura y refactorización inicial
  2. 18:00Abandonar Firebase por RSS
  3. 18:23Importancia del dominio
  4. 20:03Visualización del chat en directo
  5. 24:03Implementación del Repositorio RSS
  6. 25:00Configuración de entorno
  7. 25:16Necesidad de un fetcher
  8. 27:41Manejo de asincronía en config
  9. 31:36Uso de XML to JSON
  10. 31:55Estrategia de Mapeo y Value Objects
  11. 48:17Encapsulamiento del parser
  12. 51:37Definición del contrato
  13. 1:08:18Resolución de problemas de CORS
  14. 1:08:30Ciclo de vida con Hooks
  15. 1:09:08Uso de un proxy
  16. 1:09:47Configuración por entorno
  17. 1:10:34Limitaciones de producción
  18. 1:30:12Implementación de UI con React Hooks
  19. 1:34:26Restricciones de UseEffect
  20. 1:39:16Estilos y diseño

Temas tratados

  • Clean Architecture
  • Inyección de Dependencias
  • Value Objects y Entidades
  • Mappers
  • React Hooks
  • Consumo de RSS
  • Gestión de Estado en React

Extracto de la transcripción

[Música] [Música] Hola. Bueno, pues ya estamos aquí. Estamos viendo esto. Se supone que se tiene que ver la pantalla del chat. Voy a ver si puedo eh enviarte algo. No, hola. Estamos aquí. Estamos viendo esto la pantalla del chat. Voy a ver si puedo. No, es que pone de vídeo es Able, pero yo creo que cuando pongamos público funcionará. Sí, estoy bastante convencido. Oye, pero se nos ve guay, pero yo creo que cuando pongamos público funcionará. Vale, estoy bastante convencido. Oye, pero no pido, pero yo creo que cuando públo qué pase. Vale. Y ahora a ver, abre el editor, abre el code, el proyecto y tal, a ver cómo se ve. Vale. Y ahora el proyecto y tal. Vale. Y ahora, ay, espérate. Ay, espérate. Claro. Se ve de [ __ ] madre el editor, ¿eh? Y no ocupa mucha pantalla. Ah, [ __ ] se ve ya. Ah, sí. Ponlo pantalla, ponlo esto. Se ve, y no ocupa mucho pantalla. Se ve de [ __ ] madre el editor, ¿…