Frontend Architecture
Un libro sobre arquitectura de software para desarrolladores frontend. Aprende a diseñar aplicaciones web escalables, mantenibles y preparadas para el futuro.
Un libro sobre arquitectura de software para desarrolladores frontend. Aprende a diseñar aplicaciones web escalables, mantenibles y preparadas para el futuro.
¿Tu equipo tarda semanas en desplegar cualquier cambio?
¿Cada nueva funcionalidad rompe algo que ya funcionaba?
¿Nadie se atreve a refactorizar por miedo a las consecuencias?
Este libro te enseña los principios de arquitectura que resuelven estos problemas de raíz.
Los modelos de lenguaje (LLMs) funcionan mejor con código bien estructurado y arquitecturas claras. Cuando tu código sigue principios arquitectónicos sólidos, las herramientas de IA pueden entenderlo, modificarlo y mejorarlo con mayor precisión.
Este libro te enseña a crear arquitecturas que no solo son mantenibles para humanos, sino también comprensibles para las inteligencias artificiales. Aprende a estructurar tu código de manera que tanto tú como las herramientas de IA puedan trabajar eficientemente con él.
Descubre para qué es necesaria una arquitectura y cómo te ayuda a ser más productivo. Aprende los conceptos fundamentales de dependencias, acoplamiento y cohesión.
Aprende la regla de la dependencia, cómo separar entidades, reglas de negocio y detalles. Estructura tu código frontend siguiendo los principios de Clean Architecture.
Explora programación imperativa, estructurada, funcional y orientada a objetos. Descubre cómo TypeScript se ha convertido en el lenguaje del frontend moderno.
Domina los cinco principios SOLID aplicados al desarrollo frontend: Single Responsibility, Open-Closed, Liskov Substitution, Interface Segregation y Dependency Inversion.
Aprende patrones esenciales: Observador, MVC, Repositorio, Singleton y CQRS. Descubre cuándo y cómo aplicarlos en proyectos frontend reales.
Conoce las diferentes arquitecturas: MPA, AJAX, SPA, HSPA/PESPA y SCA. Entiende cuándo usar cada una según las necesidades de tu proyecto.
Aprende qué es el estado, tipos de variables de estado, flotación de estado y estado derivado. Descubre cómo gestionar el estado de forma eficiente.
Estructura tus componentes de forma recursiva. Organiza carpetas, tipos de archivos, entidades, servicios, repositorios y componentes de manera escalable.
Ejemplos reales de autenticación, enrutado, formularios, modales y tooltips. Aplica todo lo aprendido en situaciones prácticas del día a día.
La arquitectura de software se ha estudiado durante décadas, pero tradicionalmente se ha ignorado en el mundo frontend. Con aplicaciones web cada vez más complejas, es imprescindible aplicar principios arquitectónicos sólidos: Clean Architecture, SOLID, patrones de diseño y Domain-Driven Design.
Este libro te enseña a aplicar estos conceptos en proyectos reales con JavaScript, TypeScript, React, Angular o Vue. Una guía práctica para desarrolladores que quieren llevar su código al siguiente nivel.
No. Este libro no está acoplado a ningún framework específico ni enseña una arquitectura concreta. En su lugar, te enseña principios arquitectónicos universales que siempre aplicarán, independientemente de la tecnología que uses. Los conceptos de Clean Architecture, SOLID y patrones de diseño son atemporales y se aplican igualmente a JavaScript, TypeScript, React, Angular, Vue o cualquier otra tecnología que aparezca en el futuro.
La mejor prueba de que estos principios son atemporales es que este libro se escribió antes del boom de los LLMs y sigue siendo completamente vigente hoy en día. De hecho, estos mismos principios arquitectónicos son los que hacen que el código sea comprensible tanto para humanos como para inteligencias artificiales. Agents.md es un estándar que define cómo deben funcionar los LLMs, y estos mismos principios arquitectónicos se han aplicado con éxito en mi propio agents.md, demostrando su validez incluso en la era de los agentes de IA.
No es necesario. Aunque el libro incluye ejemplos prácticos que puedes aplicar en React, Angular o Vue, los principios que aprenderás son independientes del framework. Si entiendes JavaScript o TypeScript, podrás aplicar todo lo que aprendas en cualquier proyecto frontend.
Absolutamente. Incluso si ya tienes experiencia desarrollando frontend, este libro te ayudará a entender el porqué detrás de las mejores prácticas. Te dará una base sólida para tomar decisiones arquitectónicas informadas y crear código que perdure en el tiempo.
Como todo, las arquitecturas de software no son un tema estático. Aunque la idea del libro es tratar temas que se mantienen estables en el tiempo. La idea es que evolucione continuamente a partir del feedback de los lectores. También estará disponible un repositorio en Github con ejemplos y ejercicios de todo lo explicado en el texto.
Desarrollador de software con más de 10 años de experiencia en arquitectura frontend. Apasionado del clean code, los patrones de diseño y las buenas prácticas. Siempre aprendiendo sobre testing, arquitectura de software y nuevas tecnologías.
En el mundo del software y especialmente en el de javascript todo cambia constantemente y por ello es necesario que este libro esté siempre al día.
El libro evoluciona con el tiempo, incluyendo nuevas herramientas y técnicas y sobre todo el feedback de los lectores :)
Escríbeme un email