Vue.js, PWA and the subway dilemma

on YouTube ↗45m

" summary

Claim: web apps can close the gap with native apps and stop the “subway dilemma” by shipping offline-first behavior. Practical tools are named: Vue CLI PWA plugin, Workbox/service worker, manifest and code-splitting plus Lighthouse audits. Surprising numbers: 13% mobile web vs 87% native and near-zero new app installs monthly. Demo shows an app served from cache and working offline; one PWA is in production. Push uses a notification server such as Firebase Cloud Messaging with service worker handlers.

AI-written summary · about

" chapters (12)

1. 0:00Start
2. 8:17Native Apps
3. 8:27Web Apps
4. 9:05Advantages
5. 18:56main.js
6. 22:51Already have a project?
7. 27:43vue.config.js
8. 29:48Background Sync
9. 33:47Async Components
10. 35:31Test Locally
11. 38:22Checklists
12. 40:54Resources

" related talks

• 22mModern Web Apps Performance Tricks with PWA and VueFilip Rakowski · Vue.js Amsterdam 2019
• 01h 02mService Workers: Transforming your App into a Progressive Web ApplicationAvindra Fernando · NDC Minnesota 2019
• 25mBulding (Progressive) Web AppsMichael Solati · Conf42 JavaScript 2020
• 48mPWAs, are we there yet?!Simona Cotin · Frontend United 2018
• 53mProgressive Web Applications - The best of both worlds (App & Web)Noorulameen Noorulameen · Voxxed Days Singapore 2018
• 30mPWA with PWFIgnacio Anaya · FrontEnd Con 2018
• 46mKeynote: Progressive Web AppsChristian Heilmann · Mobile Era 2017
• 49mIntro To Progressive Web AppsChris Lorenzo · LambdaConf 2024