pwa resources

Recursos de PWA

¿Una colección curada de recursos para aprender a crear aplicaciones web progresivas?

Curado y mantenido con ♥ por la gente de ShareUp. ¡Estamos contratando! Ven a construir grandes cosas con nosotros.

A menudo nos ha sido difícil encontrar recursos actualizados sobre los PWA. Queríamos recopilar los enlaces que nos han ayudado, o están en nuestras listas #Readlater, en un solo lugar.

Los estándares y la tecnología en torno a PWAS han cambiado a lo largo de los años, sin embargo, muchos de los recursos que encontramos cosas de referencia de 2015. Aún así, algunos de los recursos más antiguos son útiles, por lo que hemos tratado de etiquetarlos como "este recurso podría estar un poco desactualizado" cuando sea necesario.

¿Puedo sugerir nuevos recursos?

¡Sí! Cree un PR para resources.ts o envíe un correo electrónico a [email protected].

Este es un PWA

Queríamos construir rápidamente un poco de PWA con WMR que se almacene en caché y funciona fuera de línea, puede que los recursos favoritos y los persistan en indexedDB, y se puede instalar en su pantalla de inicio.

¿Cuál es la pila tecnológica para este PWA?

• Todo nuestro código está escrito en los módulos TypeScript y CSS
• WMR es nuestro servidor de Dev y Bundler
• Preactar y preact-iso representa HTML tanto del lado del servidor como del cliente, proporciona enrutamiento en ambos casos e hidrata el cliente interactivo del cliente
  • Somos sesgados y solo usamos componentes funcionales + ganchos
• IDB es la fantástica biblioteca que estamos utilizando para promisificar el acceso a indexeddb
• Las propiedades personalizadas de CSS son cómo estamos tratando de controlar dinámicamente los valores de estilo
• Un trabajador de servicio de vainilla maneja el acceso al almacenamiento en caché y fuera de línea

¡La obra de arte es fantástica!

¡Sí, estamos de acuerdo! ¿Adam hizo un gran trabajo creando algunas ilustraciones realmente divertidas para el sitio?

Diádico

• ¿Podemos obligar a los iOS a pre-cachorar todos los activos al instalar en el trampolín?
• Revise https://github.com/preactjs/wmr/tree/main/packages/sw-plugin y documente por qué no funcionó