state of the Progressive Web App (PWA)

[maxlath]

a thread to follow and discuss enhancement of the client within the Progressive web app paradigm:

• [x] Progressive - Work for every user, regardless of browser choice because they’re built with progressive enhancement as a core tenet.
• [x] Responsive - Fit any form factor: desktop, mobile, tablet, or forms yet to emerge.
• [ ] Connectivity independent - Service workers allow work offline, or on low quality networks. Dedicated issue: #90.
• [ ] App-like - Feel like an app to the user with app-style interactions and navigation.
• [ ] Fresh - Always up-to-date thanks to the service worker update process.
• [x] Safe - Served via HTTPS to prevent snooping and ensure content hasn’t been tampered with.
• [ ] Discoverable - Are identifiable as “applications” thanks to W3C manifests[6] and service worker registration scope allowing search engines to find them.
• [ ] Re-engageable - Make re-engagement easy through features like push notifications.
• [ ] Installable - Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store.
• [x] Linkable - Easily shared via a URL and do not require complex installation.

[elf-pavlik]

Relevant links which I didn't see on Wikipedia:

• https://pwa.rocks/
• https://www.youtube.com/playlist?list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb
• https://www.youtube.com/watch?v=srdKq0DckXQ
• https://medium.com/javascript-scene/native-apps-are-doomed-ac397148a2c0
• https://medium.com/javascript-scene/why-native-apps-really-are-doomed-native-apps-are-doomed-pt-2-e035b43170e9

[maxlath]

@elf-pavlik any good tools to recommand to work with service workers? saw that poping up today: https://medium.com/web-on-the-edge/manifoldjs-is-becoming-pwa-builder-to-simplify-building-progressive-web-apps-49bff31f9380

[elf-pavlik]

currently I only use chrome dev tools + https://github.com/GoogleChrome/lighthouse

[maxlath]

• great resource: https://developer.mozilla.org/en-US/Apps/Progressive
• articles of interest:
  • How you can develop Progressive Web Apps that feel like native mobile apps
  • Installable Web Apps: A Practical Introduction To PWAs with JavaScript and Node.js

[elf-pavlik]

also might come helpful: Progressive Web App Roadshow from Google Chrome Developers (8 videos)

[maxlath]

current Lighthouse score:

[maxlath]

resources related to our updated stack

• Webpack: Progressive Web Application
• Svelte PWA

[maxlath]

shipping PWA to app stores:

• https://web.dev/pwas-in-app-stores/
• https://www.pwabuilder.com/
• https://github.com/GoogleChromeLabs/bubblewrap