Guide to PWA

[giscafer]

PWA

Official

https://developers.google.com/web/progressive-web-apps/

国内无需科学上网：https://developers.google.cn/web/progressive-web-apps/

Framework

百度的lavas （这里也有PWA文档：https://lavas.baidu.com/pwa/ ）

Awesome

https://github.com/TalAter/awesome-progressive-web-apps

Article

• Upgrading to Progressive Web Apps@huxpro @JSConf.CN

• 下一代 Web 应用模型 —— Progressive Web App

• 腾讯Web前端大会 企鹅电竞PWA实战（MR_LP）

• 30 天 Progressive Web App 學習筆記

• The Service Worker Lifecycle

• 改造你的网站，变身 PWA

• Progressive Web Apps Simply Make Sense

Book

• serviceworker-cookbook
• PWA-Book-CN
• Progressive Web Apps - A book by Dean Hume

Ionic

• Introducing A New Guide to Progressive Web Apps pdf:The Architect's Guide to PWAs.pdf

Service Worker

• 【Service Worker】生命周期那些事儿

• The Service Worker Lifecycle

• Service Worker 生命周期

• Workbox3- Service Worker 也可以那么简单

Service Worker 和 Web Worker 的区别也可以了解一下

Other

• Web App Manifest Generator
• Service Worker实现浏览器端页面渲染或CSS,JS编译
• sw-toolbox（针对动态/运行时请求的离线缓存）
• sw-precache（针对静态资产/Application Shell 的离线预缓存)
• workbox (谷歌官方封装service worker api工具)
• offline-plugin （Offline plugin (ServiceWorker, AppCache) for webpack）

---

• ionic-team/ionic-pwa-toolkit
• @angular/pwa 使用 ng add @angular/pwa即可
• react-pwa
• vuejs-templates/pwa