Developing Cross-Platform Applications with RhoMobile

Rob Galvin

Developer Resources & Community

BEFORE WE GET STARTED

• Latest RhoMobile Suite Installed

• Hybrid Application Concepts

• Starting off on Right Foot

• Angular a Plus

• Code available to download

• Available for deep dive discussions

• FULL STACK – OPINIONATED• ANGULAR.JS – SPA• HYBRID ONLY• PERFORMANCE OBSSESED• LEVERAGE• EASY TO GET STARTED /

CUSTOMIZE

• MWV Architecture• Reusable Components - Directives• Two-Way Data Binding• Routing / States• Factory and Services

SOLID FOUNDATION

Code Example Factory

FACTORY

CONTROLLER

Code example

VIEW

Code Example Directive

• NO UI - BYOUI• Opinionated • Ng-repeat double edge sword• Not Hybrid Exlusive• Think Angular – Learning Curve

CAUTION

IONIC STARTER APPS

IONIC CSS - DEMO

• Many UI Controls

• CSS Platform Behavior

• SVG Spinners

• SASS Customization

IONIC LIST- DEMO

LIST OPTIONS CODE - DEMO

COLLECTION REPEAT DEMO

PULL TO REFRESH DEMO

• Excepts Cordova• Don’t expect Cordova Plug-In• Understand 3rd party directives

CAUTION

DEMO TIME

USING IONIC IN RHOMOBILE APPS

WebView (RhoMobile)

FOLDER COMPARISON

CHANGE START PATH

EDIT INDEX.HTML

CAMERA DIRECTIVE - Blog

RHO BARCODE FACTORY - Blog

CHROME INSPECT - LINK

OTHER CONSIDERATIONS

• Using ORM for models • Persistance

• Performance on “slow feeds”

• Using RhoConnect• Keep models in Sync

• Abstract complex backend

https://github.com/rhomobile/rho-onic

PLEASE TAKE THE SURVEY

DO NOT USEAPPFORUM EVENT SURVEY SESSION

SURVEY

THANK YOU