JSFoo: round the year submissions

JSFoo: round the year submissions

Submit talks on JavaScript and full stack engineering round the year

Mark Grundy


Hybrid Apps from a Ember/Vue/React PWA

Submitted May 31, 2018

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;

Speaker bio

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.


{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more