JSFoo: round the year submissions

Submit talks on JavaScript and full stack engineering round the year

Hybrid Apps from a Ember/Vue/React PWA with corber

Submitted by Alexander Blom (@alexblom) on Thursday, 2 November 2017

videocam_off

Technical level

Intermediate

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +3

Abstract

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.

Outline

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 and sometimes with Vue/Glimmer.

Links

Comments

Login with Twitter or Google to leave a comment