13

Native/Hybrid/Cross Platforms mobile apps development trends comparison

Embed Size (px)

Citation preview

Trends Comparision

02

❏ Ionic framework❏ Marketplace, payment…❏ React Native❏ Make money Newsfeed, Chatting…❏ iOS/Android Native❏ Like, Offline-database, Data-Synchronization…❏ Beacons BLE technologies, GPS tracking…

www.saigontechnology.vn - [email protected]

Ionic framework

HOW IS IT CODED ➔ developed using AngularJS (HTML5, CSS, and Javascript)➔ write Phonegap/Cordova plugin for native features, difficult features➔ hardware accelerated transitions, and touch-optimized gestures

02 www.saigontechnology.vn - [email protected]

Ionic framework

HOW IT RUN ➔ essentially websites embedded in a mobile app through what we call a

webview➔ call Phonegap/Cordova plugin for native features, difficult features

02 www.saigontechnology.vn - [email protected]

Ionic framework

PROS➔ Cost: reduce 30% -> 40% (compared to iOS/Android Native)➔ Develop/maintain once, deploy everywhere➔ Familiar with AngularJS developers

CONS➔ Animation/Performance: not smooth like native mobile app & can crash if

consume data➔ UX/Navigation is not really like Native mobile app.➔ Actual Cost: finalized cost is maybe high in later phases if got the problem

about performance/UX/Animation

PROJECT TYPE: ➔ Focus in Business Logic➔ Client don’t require good interaction, high performance or beauty animation

02 www.saigontechnology.vn - [email protected]

React Native

React Native is from Facebook

HOW IS IT CODED ➔ developed using ReactJS (Javascript, JSX - a kind of HTML5/CSS)➔ use React native components

02 www.saigontechnology.vn - [email protected]

HOW IT RUN ➔ From Javascript/JSX, React Native will render using native components (This

means that the user experience will generally be closer to other native apps)➔ run the business logic in Javascript

02 www.saigontechnology.vn - [email protected]

React Native

PROS➔ Cost: reduce 30% -> 40% (compared to iOS/Android Native)➔ Develop/maintain once, deploy everywhere➔ Familiar with ReactJS developers➔ Animation/Performance: generally be closer to other native apps

CONS➔ UX/Navigation: same for both Android/iOS (it mean the UI will not follow 100%

like in iOS/Android guideline)➔ Develop ReactJS components: if the project require non-existing components

(provided by Facebook and community)

PROJECT TYPE: ➔ Client agree on same UI for both Android/iOS

02 www.saigontechnology.vn - [email protected]

React Native

iOS/Android Native

HOW IS IT CODED ➔ use Android/Java for Android apps, use Objective-C/Swift for iOS apps

02 www.saigontechnology.vn - [email protected]

HOW IT RUN ➔ Run Native

02 www.saigontechnology.vn - [email protected]

iOS/Android Native

PROS➔ High Performance/ Beauty Animation.➔ Many developers in iOS/Android today➔ Reduce technical risk.

CONS➔ Cost: use Ionic/React Native can reduce 30% -> 40% cost.

PROJECT TYPE: ➔ All type

02 www.saigontechnology.vn - [email protected]

iOS/Android Native