How to Make a Mobile Web App Better with Browser APIs

on YouTube ↗40m

" summary

A news-aggregator app migrated from Cordova to a native Android build, then moved back toward a Progressive Web App using Web App Manifest, Service Worker and Workbox. Offline-first uses IndexedDB to render ~200–250 articles in ~130 ms while fetching fresh data; network.effectiveType steers 2G/3G/4G behavior; Media Session and Web Share add native-feel UX; Credential Management and One‑Tap speed logins. A Workbox misconfiguration caused a 16 GB cache leak, and offering home-screen install increased active mobile users by about 10%.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 3:49Cordova to native app
3. 6:39PWA install to home screen
4. 10:29Offline with Service Worker
5. 14:06UX with device APIs
6. 16:34Sharing problem and solution
7. 17:18Smart Lock and Credential auth
8. 24:01New API integration challenges
9. 26:55PWA versus native apps
10. 27:37Q&A

" related talks

• 31mMaking Mobile Web Apps Better with Web APIsTimofey Lavrenyuk · The Rolling Scopes Conference 2018
• 32mProgressive Web AppsMike Oram · Dutch PHP Conference 2018
• 41mOffline Web Apps don't exist anymore!Francesco Leardini · Conf42 JavaScript 2020
• 38mProgressive Web Applications: The What, the Why and the HowRadu Enuca · Voxxed Days Frontend Bucharest 2019
• 47mThe (Awesome) Future of Web AppsJad Joubran · NDC Oslo 2017
• 32mCross-platform Progressive Web AppsSimon MacDonald · Node+JS Interactive 2018
• 53mProgressive Web Applications - The best of both worlds (App & Web)Noorulameen Noorulameen · Voxxed Days Singapore 2018
• 03h 13mBuild your first mobile & desktop app as a Progressive Web ApplicationRitesh Mehrotra · JSConf.Asia 2019