Web, Native iOS and Native Android with one Ember js App
summary
Single Ember.js codebase plus Cordova runs desktop web, mobile web, native iOS and Android, and yields real apps that feel native when engineered correctly. Uses Ember CLI Cordova for builds and live reload, Cordova/PhoneGap plugins (ionic keyboard), HammerJS/Ember Gestures for touch, Velocity and Liquid Fire for smooth animations, Smoke and Mirrors or Ember List View for occlusion in infinite scroll, Mirage for fake APIs, and Crosswalk to normalize Android. The author ships ~10–12 Cordova apps a year, uses canvas when DOM can’t hit 60fps, and reports these techniques work.
AI-written summary · about
chapters (19)
- 0:00Intro
- 1:08Isle of Code
- 1:26Five things audience members will learn
- 2:54Wrapped Apps are everywhere
- 7:31What is Cordova?
- 10:34ember-cli-cordova
- 11:55Bind Cordova Service
- 14:05Good Code == Good Hybrid
- 14:41Cordova is not native
- 18:03Ember Gestures
- 19:16Ember Hack
- 20:42What causes Reflow?
- 22:33Best Practices for avoiding Reflow
- 23:45Understand Viewport
- 24:58ionic Keyboard
- 26:11Infinite Scrolling
- 30:39Animations - Velocity
- 32:09Canvas
- 33:54Liquid Fire
related talks
29mBuilding Mobile Applications with Ember
26mCreating Fluid App-Like Experiences with Ember
52mHow Hybrid Works (and how to build it with ember-cordova)
31mBest Practices for Architecting Server-Driven Web/Mobile Apps
17mThe Framework I Love
24mBuilding Desktop Apps with Ember and Electron
47m6 Apps One Code with Angular
38m6 Apps One Code With Ionic