Hybrid Apps from a Ember/Vue/React PWA
Submitted by Mark Grundy (@markgrundy) on Wednesday, 30 May 2018
Technical level: Intermediate
This talk will cover taking an existing PWA and wrapping it as a native app - while adding custom mobile-only features (e.g. push). We’ll also touch on PWA performance, and what changes in a hybrid context.
For many the hybrid/cordova build process is complicated and frustrating - getting a successful build requires dependencies and configs that are not well documented, and never mind cloning to a new machine.
We’ll use the corber CLI, which integrates with your existing Ember/Vue/React PWA, adding a unified build pipeline for hybrid, on-device live reload, error checking, improved clone/plugins support and splash/icons. Most importantly, the CLI will not change your existing web only environment.
In general order, this talk will cover the points below in a case style format. We’ll start with a blank PWA project and slowly build it into an app shell, pausing along the way.
1) Introduction to cordova, how does it work;
2) Underline our goal is to not build something custom - but to wrap an existing PWA and add features;
3) Code management (cloning, adding app only features);
4) Setting up the build pipeline: initting corber inside your existing PWA, building, on-device live reload & splash/icons;
5) Adding app-only plugins, such as filesystem and push notifications;
6) Notes on performance - that apply equally to PWAs;
Alex Blom is the maintainer of corber and Managing Partner at Isle of Code. He is mostly focused on hybrid performance, often with Ember/Vue.