Beginning Progressive Web App Development

Guía práctica de Dennis Sheppard, VP de Tecnología en NextTier Education, para convertir aplicaciones web tradicionales en Progressive Web Apps (PWA) rápidas, fiables y que funcionen sin conexión. Se escribió en 2017, en los primeros años de los service workers y del Web App Manifest. Está dirigida a desarrolladores web que ya tienen experiencia con JavaScript.

Está organizado en cuatro partes. La primera presenta qué es una PWA y cómo medirla con herramientas como Google Lighthouse. La segunda, la central, explica cada característica: service workers, caché y funcionamiento offline, Background Sync para trabajar sin conexión, instalación en la pantalla de inicio con el Web App Manifest, notificaciones con la Push API, arquitectura app shell y rendimiento de carga con el patrón PRPL, y HTTP/2 con server push. Las dos últimas partes aplican todo eso: primero se convierte una aplicación real en PWA y luego se crean PWA desde cero con frameworks como React, Preact, Vue.js, Angular e Ionic. Entre las herramientas que aparecen están Firebase, localForage, Webpack, Angular CLI, sw-precache y sw-toolbox.

Tiene un enfoque muy aplicado y abarca varios frameworks, algo útil para ver cómo se integran las PWA en cada ecosistema. Hay que tener en cuenta su fecha. sw-precache y sw-toolbox fueron reemplazadas por Workbox, Chrome retiró HTTP/2 server push, y las versiones de los frameworks y de sus CLI han cambiado mucho, así que habrá que actualizar dependencias y configuraciones. Los conceptos de fondo (ciclo de vida del service worker, estrategias de caché, manifest, app shell) siguen siendo válidos y están bien explicados.