Angular PWA : The technology & pitfalls

on YouTube ↗26m

" summary

Builds a to‑do app into a PWA using Angular CLI schematics, adds a service worker to precache assets and a JSON file, and implements SwUpdate + MatSnackBar to notify users when a new version is ready. Adds SWPush subscriptions (demoed via Chrome devtools) to update items from notifications. Notes practical pitfalls: must rebuild to test SW, service worker update goes idle until reload, updates fail if any file won’t load, demo reliability ~50% unreliable during demo, and iOS lacks full PWA features.

AI-written summary · about

" chapters (7)

1. 0:00Intro
2. 0:30About me
3. 1:17Agenda
4. 2:00What is PWA
5. 3:02Demo
6. 6:23Testing
7. 23:46Factor Authentication

" related talks

• 37mAngular PWA: crafting apps that adapt anywhereSoumaya Erradi · angularday 2024
• 41mPerformant and Accessible Angular Apps as PWAsPatricio Vargas · Connect.Tech 2021
• 17mCrafting Bespoke PWA Experiences with AngularMark Thompson · OpenJS World 2021
• 40mMobile platform guidelines with PWA: yes, no problem!Önder Ceylan · GDG DevFest Sofia 2019
• 39mPROGRESSIVE WEB APPS 🚀 WITH ANGULARBrian F Love · Voxxed Days Zurich 2019
• 43mAutomatic Progressive Web Apps using the Angular Mobile ToolkitMaxim Salnikov · JSHeroes 2017
• 23mProgressive Web Apps with Angular and FirebaseErik Haddad · ng-europe 2018
• 48mPWAs, are we there yet?!Simona Cotin · Frontend United 2018