Progressive Web Apps Are Easy Now - Or Are They

on YouTube ↗26m

" summary

Builds a real Progressive Web App: a poker hand-reviewer that parses hand-history files, runs range analysis in a web worker, and caches the whole UI so it runs offline. Uses a service worker (implemented with workbox) plus hashed asset names, explains cache strategies (stale-while-revalidate, network-first), and needed skipWaiting/clients.claim to force updates. Covers touch vs mouse event handling, OAuth login failing on iOS, testing with emulators and Lighthouse, and confirms the app works across desktop and Android but has iOS quirks.

AI-written summary · about

" chapters (12)

1. 0:00Introduction and travel story
2. 2:06Why build a poker PWA
3. 5:53Demo of poker analysis app
4. 9:02What are PWAs
5. 12:58Service workers explained
6. 15:27Caching strategies with Workbox
7. 17:33Web app manifest setup
8. 18:39Making apps responsive
9. 20:22Handling touch and mouse events
10. 22:50Cross-device interaction challenges
11. 24:14Service worker updates and testing
12. 25:17Final advice and resources

" related talks

• 38mProgressive Web Applications: The What, the Why and the HowRadu Enuca · Voxxed Days Frontend Bucharest 2019
• 35mProgressive Web Apps: trick or real magic?Maurizio Mangione · Universal JS Day 2017
• 59mProgressive React AppsSebastian Springer · iJS 2018 Spring
• 32mCross-platform Progressive Web AppsSimon MacDonald · Node+JS Interactive 2018
• 39mDesigning great progressive web appsNicole Saidy · NDC Oslo 2017
• 32mProgressive Web AppsMike Oram · Dutch PHP Conference 2018
• 27mProgressive what apps?Patrick Kettner · Render Conference 2017
• 48mProgressive Web Apps from A to ZPeter Kröner · International PHP Conference Spring 2018