How Hybrid Works (and how to build it with ember-cordova)
summary
Ember-cordova packages an Ember build into a Cordova container, bundling the Cordova APIs so the CLI isn’t required, automating icon/splash generation from a single SVG and offering liveReload over the network; it converts plugins to promise-based services and recommends using only the 10–12 official plugins. It defaults to WKWebView on iOS, recommends Crosswalk (adds ~20MB and 2 APKs) for Android with a 5–10x speed boost on old devices, and shows concrete performance fixes: replace top/left with transforms, batch with requestAnimationFrame, and remove the 300ms delay with ember-hammer-time; demo builds and liveReload operate successfully.
AI-written summary · about
chapters (29)
- 0:00Introduction
- 1:04Why Ember framework
- 3:31Development workflows
- 5:15Cordova vs PhoneGap
- 6:18How Cordova works
- 8:03Ember Cordova setup
- 9:49Ember Cordova build process
- 10:53Ember Cordova benefits
- 11:56Improving web views
- 14:03Ember app structure
- 15:27Ember data and models
- 16:51Computed properties
- 18:15Ember components
- 18:55Ember crash course
- 19:19Live demo setup
- 20:42Building the app
- 21:24Generating icons and splash screens
- 22:46Adding platforms and plugins
- 24:11Live reload feature
- 25:37Platform detection
- 27:44Fixing demo issues
- 34:13Performance delays
- 36:18Cordova events
- 39:12Testing device readiness
- 41:19Writing animations
- 44:00Avoiding reflows
- 45:26Hardware acceleration
- 50:10Animation frame technique
- 51:53AMA and closing
related talks
29mBuilding Mobile Applications with Ember
41mWeb, Native iOS and Native Android with one Ember js App
28mEmber CLI, The Next Generation
26mCreating Fluid App-Like Experiences with Ember
26mGoing Progressive with Ember
28mFast-Track Ember with Fastboot + Embroider
29mThe Art of Ember Deployment
11mPWA's with Ember