Vue PWA to Hybrid with Corber

on YouTube ↗35m

" summary

Wraps an existing Vue PWA into a Cordova hybrid using the corber CLI, producing a working iOS and Android build in an emulator and on devices. Key specifics: uses WK webview by default, warns to remove a leading slash from publicPath, injects Cordova plugins via a webpack plugin so live reload works with camera/push/file plugins, auto-generates icons and splashes, recommends Cordova Splash plugin and listening for the device ready event before calling plugins.

AI-written summary · about

" chapters (12)

1. 0:00Intro
2. 0:55Isle of Code
3. 2:24What does Cordova do?
4. 7:02Good Code === Good Hybrid
5. 11:18Pick Platforms
6. 13:09Build
7. 19:39Start - Android
8. 24:51Icon / Splash
9. 27:55Add Splash Plugin
10. 29:45A note on deviceready
11. 30:59Structuring our App
12. 31:42Wrapping Plugins

" related talks

• 30mPWA with PWFIgnacio Anaya · FrontEnd Con 2018
• 11mNative, Hybrid, PWA? How to deal with it?Marta Wiśniewska · ngVikings 2019
• 23mOn the Road to PWAs: Building Real Cross-Platform ng Apps with Cordova & ElectronChristian Liebel · ng-europe 2018
• 45mVue.js, PWA and the subway dilemmaIgnacio Anaya · Frontend United 2019
• 31mMany frameworks, one PWA solutionMaxim Salnikov · Framework Summit 2018
• 01h 02mService Workers: Transforming your App into a Progressive Web ApplicationAvindra Fernando · NDC Minnesota 2019
• 50mCapacitor: Turn a PWA into a Native App in 5 MinutesHoracio Gonzalez · DevFest Lille 2019
• 22mModern Web Apps Performance Tricks with PWA and VueFilip Rakowski · Vue.js Amsterdam 2019