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 USE
APPFORUM EVENT SURVEY SESSION
SURVEY

THANK YOU