¿Qué es Clean Architecture?
Antes de escribir una sola línea de código, conviene entender la idea. Clean Architecture no es una carpeta ni una librería: es una forma de decidir qué parte del software puede depender de qué otra. En esta lección veremos qué es, qué problema resuelve, qué busca, qué propone y cuáles son sus partes.
El Antipatrón del Componente Monolítico
Al construir aplicaciones con Next.js, la inercia más común entre desarrolladores es colocar toda la lógica dentro de los propios componentes de React. Esta aproximación, conocida como arquitectura guiada exclusivamente por componentes, funciona en prototipos de juguete, pero se convierte rápidamente en una pesadilla de mantenimiento en proyectos de ingeniería reales.
Capa de Dominio: Entidades y Casos de Uso
La Capa de Dominio es el núcleo de cualquier aplicación construida bajo Clean Architecture. En esta capa residen las entidades y las reglas de negocio más estables del sistema.
Acceso a Datos: Repository, Datasources y Mappers
En la sesión anterior construimos el núcleo de la aplicación llamadas HTTP a servidores NestJS, almacenamiento local y simulación de datos en memoria.
Inyección de Dependencias, Presenters y Next.js
Habiendo diseñado la Capa de Dominio y la Capa de Infraestructura, nos enfrentamos a la pregunta final: ¿cómo conectamos todo esto con los componentes visuales de React en Next.js sin volver a ensuciar la interfaz con llamadas directas a red?
Slides de la semana
Diapositivas oficiales correspondientes a la Semana 11: Clean Architecture en Frontend con Next.js y TypeScript, Principio de Inversión de Dependencias (DIP), Capas de Dominio, Casos de Uso, Patrón Repositorio, Mappers Defensivos y Composition Root.