native/hybrid/cross platforms mobile apps development trends comparison
Upload: saigon-technology-software-vietnam-software-development-company
Post on 15-Apr-2017
21 views
TRANSCRIPT
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]
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
References
02
https://www.codementor.io/react-js/tutorial/react-native-vs-ionichttp://ionicframework.com/https://facebook.github.io/react-native/
www.saigontechnology.vn - [email protected]