Introducción a PWA

Mi charla sobre Introducción a PWA fue aceptada en el WordCamp San José 2019, evento que se realizó los días 7 y 8 de Setiembre. Si hay feedback ó sugerencias para mejorar la charla y/o mi manera de exponer, me pueden tuitear @leivajd ó escribir a leivajd [@] gmail.com.

Slides: Introducción a PWA

Abajo quedan los recursos que he usado como base para trabajar y que son la base de la charla.

Lectura obligatoria

El punto de partida, la documentación "oficial":

Sobre PWA

The name isn’t for you and worrying about it is distraction from just building things that work better for everyone. The name is for your boss, for your investor, for your marketeer.

La cita anterior es de Frances Berriman, de su post Naming Progressive Web Apps, buena lectura. También vale la pena leer Progressive Web Apps: Escaping Tabs Without Losing Our Soul, de Alex Russell, son lecturas que tiran una luz sobre el origen del nombre.

Entre más leía y probaba Services Workers, más miedo me daba quedar "atrapado" con un Service Worker defectuoso. Esto me llevo a meterle tiempo a encontrar como "matar" un Service Worker, aquí quedan algunos links interesantes:

Publicar en Play Store

Google permite que un PWA se publique en Play Store, bajo el concepto de Trusted Web Activities (TWA).

Con estos post hay que validar que aún aplique, hace 3 meses eran válidos, a hoy no sé.

Herramientas

  • Progressive Web App Checklist - Google.
  • What Web Can Do Today. Util para visualizar el estado de APIs disponibles en el browser.
  • Serviceworke.rs. Un cookbook de MDN.
  • PWA Builder. Un proyecto comunitario de Microsoft.
  • Workbox. Es una serie de librerias y modulos de Node que nos permiten facilitan integrar la creación del Service Worker, usando Webpack ó Grunt, y crear estrategias de cache sin tanto boilerplate.
Desarrollo y contenido por José David Leiva 2012 - 2020 / RSS