
Frameworkless Front-End Development
Francesco Strazzullo
- Editorial
- Apress
- Año
- 2019
- Páginas
- ~248
- Nivel
- Intermedio
De qué trata
Libro de Francesco Strazzullo, fundador del Frameworkless Movement, que propone una pregunta incómoda: ¿controlas tus dependencias o te controlan ellas? En esta primera edición de 2019 el autor enseña a construir aplicaciones front-end con JavaScript moderno (ES6+) y las APIs nativas del navegador, sin frameworks ni librerías de terceros. Está dirigido a desarrolladores JavaScript de nivel intermedio y avanzado, a CTO que deben elegir un stack tecnológico y a consultores que necesitan refactorizar bases de código front-end existentes. Conviene dominar bien JavaScript, el DOM y las herramientas básicas de Node.js y npm.
El recorrido sigue las piezas que normalmente resuelve un framework, y para cada una se construye una alternativa propia. Empieza con una reflexión sobre qué es un framework y qué costes ocultos tiene adoptarlo. Después aborda el renderizado de vistas con funciones puras y la manipulación eficiente del DOM, incluido un algoritmo sencillo de diff al estilo del DOM virtual; la gestión de eventos del DOM; los Web Components con Custom Elements; las peticiones HTTP comparando XMLHttpRequest, Fetch y Axios, con un cliente REST propio; el enrutamiento mediante fragment identifiers y la History API, y la gestión del estado, comparando un enfoque tipo MVC, uno inspirado en Redux y otro reactivo basado en observables.
Los ejemplos van evolucionando una pequeña aplicación de lista de tareas, y el código de cada capítulo está publicado en el repositorio oficial de Apress en GitHub. El mayor aporte del libro no es convencer de que se abandonen los frameworks, sino entender qué hacen por dentro para decidir con criterio cuándo conviene usarlos y cuándo no. No cubre build tooling avanzado, testing ni rendimiento en profundidad. Existe una segunda edición de 2023 que añade historia de los frameworks, protección del código de dominio y el trabajo con código heredado.
- JavaScript ES6+
- Vanilla JS
- Manipulación del DOM
- Renderizado
- DOM virtual
- Eventos del DOM
- Web Components
- Fetch API
- Cliente REST
- Routing
- History API
- Gestión de estado
¿Cómo enseña?
Teoría + práctica
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Aplicación de lista de tareas sin framework
Aplicación de tareas que crece capítulo a capítulo con JavaScript puro: renderizado con funciones y diff del DOM, eventos, Web Components, peticiones HTTP, enrutador propio y distintos modelos de gestión de estado.

