Building Progressive Web Applications with Vuejs

Guía de Carlos Rojas, ingeniero front-end con más de diez años de experiencia y especializado en Web Components y Progressive Web Apps, para convertir aplicaciones hechas con Vue.js en PWA: aplicaciones web que se comportan como un sitio adaptable pero ofrecen una experiencia parecida a la de una app nativa, incluido el funcionamiento sin conexión. Se publicó a finales de 2019, así que trabaja con el ecosistema de Vue 2. Está dirigida a desarrolladores web de nivel intermedio que ya manejan HTML, CSS y JavaScript y quieren dar el salto a las PWA. No hace falta experiencia previa con service workers.

Los nueve capítulos siguen un orden muy claro. Arranca con una primera PWA sencilla para fijar los conceptos básicos y la estructura de la app shell, y sigue con el Web App Manifest, el ciclo de vida de los service workers, la Cache API y las distintas estrategias de caché. Después integra todo esto en un proyecto Vue.js y avanza hacia el almacenamiento local con IndexedDB, la sincronización en segundo plano (Background Sync) y las notificaciones push. También usa Firebase como backend y servicio de alojamiento, y la librería Workbox de Google para generar y gestionar los service workers con menos código. El último capítulo trata la publicación de la aplicación.

Es un libro práctico: cada capítulo agrega una capacidad PWA a una aplicación de ejemplo, así que al terminar se tiene una visión completa de lo que hace falta para que una app sea fiable, rápida y funcione sin conexión. Su punto fuerte es explicar las APIs del navegador antes de recurrir a Workbox, lo que ayuda a entender qué pasa por debajo. Ten en cuenta que se basa en Vue 2 y en las herramientas de 2019: hoy los proyectos usan Vue 3 con Vite y plugins como vite-plugin-pwa, y el soporte de algunas APIs (como Background Sync o push en iOS) ha cambiado. Los conceptos siguen vigentes, pero tendrás que adaptar la configuración.