Crafting Bespoke PWA Experiences with Angular

on YouTube ↗17m

" summary

Angular projects become installable PWAs by running ng add angular/pwa, which scaffolds a service worker, web manifest, and default icons, and creates ngsw-config.json for caching rules. The service worker lifecycle (installing, activated, waiting, idle) and dataGroups let teams choose caching strategies like performance or freshness for APIs, and add app shell assets via the CLI with ng run <app>:app-shell. Use SwUpdate and SwPush to detect/activate updates and enable push; deploy with ng deploy to Firebase hosting.

AI-written summary · about

" chapters (6)

1. 0:00Introduction to PWAs
2. 3:31Angular PWA support
3. 6:40Offline support with service workers
4. 8:50Fast load times and app shell
5. 12:41Installable web apps
6. 14:26SW update service and deployment

" related talks

• 37mAngular PWA: crafting apps that adapt anywhereSoumaya Erradi · angularday 2024
• 41mPerformant and Accessible Angular Apps as PWAsPatricio Vargas · Connect.Tech 2021
• 40mMobile platform guidelines with PWA: yes, no problem!Önder Ceylan · GDG DevFest Sofia 2019
• 26mAngular PWA : The technology & pitfallsRaphael Ritter · Uphill Conf 2019
• 39mPROGRESSIVE WEB APPS 🚀 WITH ANGULARBrian F Love · Voxxed Days Zurich 2019
• 54mBuilding an Angular PWA: Angular Service Worker or Workbox?Maxim Salnikov · iJS 2018 Spring
• 43mAutomatic Progressive Web Apps using the Angular Mobile ToolkitMaxim Salnikov · JSHeroes 2017
• 23mProgressive Web Apps with Angular and FirebaseErik Haddad · ng-europe 2018