Vue. JS Framework

Traducción al inglés, publicada por Springer, del conocido libro chino «Vue.js 设计与实现» de HcySun Yang (Huo Chunyang), miembro del equipo oficial de Vue.js, colaborador central de Vue.js 3 y creador de Vuese, un generador de documentación para componentes Vue. No es un manual para aprender a usar Vue, sino un estudio a fondo de cómo está diseñado e implementado Vue.js 3 por dentro. Está pensado para desarrolladores frontend de nivel intermedio o avanzado que ya trabajan con Vue 2 o Vue 3 y quieren entender lo que pasa bajo el capó; también sirve a quien se interese por el diseño de frameworks en general. Es necesario dominar bien JavaScript moderno (ES2015+).

El libro se organiza en seis partes. La primera trata el diseño de frameworks: las ventajas y desventajas entre lo imperativo y lo declarativo y entre el DOM virtual y el código compilado, los elementos clave de un framework (avisos en desarrollo, tree-shaking, formatos de salida, manejo de errores, compatibilidad con TypeScript) y la arquitectura general de Vue.js 3. La segunda construye el sistema de reactividad: efectos, seguimiento de dependencias, computed, watch y planificador, la reactividad de objetos, arrays, Map y Set con Proxy y Reflect, y la de valores primitivos con ref. La tercera desarrolla el renderizador: diseño, montaje y actualización de vnodes, y los tres algoritmos de diff (simple, de doble extremo y rápido, que es el que usa Vue 3). Después vienen los componentes (cómo se implementan, componentes asíncronos y funcionales, y los integrados KeepAlive, Teleport y Transition), el compilador (análisis de plantillas, transformación del AST, generación de código y optimizaciones como bloques y patch flags) y, para terminar, el renderizado en el servidor y la hidratación en la renderización isomórfica.

El método consiste en reimplementar paso a paso versiones simplificadas de cada módulo del framework a partir de su código fuente, con muchos diagramas, así que el lector termina con una especie de mini Vue propio que explica cada decisión. Es una de las mejores referencias para entender la reactividad y el diff de Vue 3, y resulta muy útil para depurar, optimizar el rendimiento o contribuir al ecosistema. A cambio, no cubre el uso cotidiano del framework: no trata Vue Router, Pinia, Vite, Nuxt ni buenas prácticas de aplicación, y el tratamiento de TypeScript es mínimo. Conviene leerlo después de haber hecho proyectos reales con Vue; la traducción a veces es algo literal (por ejemplo, «Response System» por sistema de reactividad).