A comparison based on Architectural Perspective: Native, Cordova, ReactNative, Xamarin.

1. XAMARIN?
VŨ ĐỨC TUYẾN
Founder – NAXAM
Mobile Day 2017

2. Build an app
View Newsfeed
Post new Status
View Profile
…
Access data through API
Allow user to pick gallery image
Allow user to pick location
Allow offline working
…
Run on multiple platforms

3. Native App?
Native User Interfaces Native API Access Native Performance

4. App High-Level Architecture
Presentation
Layer
View
Model Controller
Business
Layer
Business
Workflow
Business
Components
Application Facade
Business
Entities
DataAccess
Layer
DB Access
Components
API Access
Components
CROSS-CUTTING
Security
Logging
ExceptionHandling
APP

5. Why you should choose Xamarin?
Native
with Kotlin/Swift
Cross-platform
with ReactNative
Cross-platform
with Xamarin

6. Native way

7. APP
Model
Business
Workflow
Business
Components
Application Facade
Business
Entities
DB Access
Components
API Access
Components
Security
Logging
ExceptionHandling
UIKit
UIViewController
VM/Presenter
Native-iOS Architecture View

8. APP
Model
Business
Workflow
Business
Components
Application Facade
Business
Entities
DB Access
Components
API Access
Components
Security
Logging
ExceptionHandling
Android View
Activity
VM/Presenter
Native-Android Architecture View

9. APP
Model
Business
Workflow
Business
Components
Application Facade
Business
Entities
DB Access
Components
API Access
Components
Security
Logging
ExceptionHandling
UIKit Android View
UIViewController Activity
iOS Android
VM/Presenter
Native Architecture View

10. Native Pros & Cons
• Fluid user interface
• Great user experience
• Great performance
• Full customization and access
• No code sharing across
platforms
• Needs totally independent
teams
• Double development time
• More maintenance cost

11. ReactNative way
Build a real mobile app that's indistinguishable from an
app built using Objective-C or Java.

12. APP
JavaScript Engine
Model
Business
Workflow
Business
Components
Application Facade
Business
Entities
DB Access
Components
API Access
Components
Security
Logging
ExceptionHandling
View Definitions
VM/Presenter
NATIVE WRAPPER
Native UI Customization
ReactNative Architecture View
Native API Access
Use Existing Libraries

13. ReactNative Pros & Cons
• Leverage JS dev
• Ease of update
• Native UI
• Big community
• Free and powered by
Facebook
• Learning curve
• No native API access from JS
• Bigger App size
• Tools not as good as native
• Lack of native view
customization in JS

14. Xamarin – All in one
Anything you can do in Objective-C, Swift, or Java can be done in
C# with Xamarin using Visual Studio

15. Xamarin.iOS
MapKit UIKit iBeacon CoreGraphics CoreMotion
System.Data System.Windows System.Numerics System.Core System.ServiceModel
System.Net System System.IO System.Linq System.Xml
100% API
Coverage

16. Xamarin.Android
Text-to-speech ActionBar Printing Framework Renderscript NFC
System.Data System.Windows System.Numerics System.Core System.ServiceModel
System.Net System System.IO System.Linq System.Xml
100% API
Coverage

17. ✓Always Up-to-Date
Same-day support:
• iOS 6
• iOS 7
• iOS 7.1
• iOS 8
• iOS 9
• iOS 10
Full support for:
• Apple Watch
• Google Glass
• Android Wear
• Amazon Fire TV
• and much more

18. Xamarin – Access all native libraries
.a/.framework
DLL
Xamarin.iOS Binding Library
.aar/.jar
DLL
Xamarin.Android Binding Library

19. Native Performance
• Xamarin.iOS does full Ahead Of Time
(AOT) compilation to produce an
ARM binary for Apple’s App Store.
• Xamarin.Android takes advantage of Just
In Time (JIT) compilation on the Android
device.

20. C# - A powerful programming language
 It’s very easy to learn and powerful
 It’s very easy to move from other language, especially OO language
 It’s top 10 programming languages
 It’s now available on almost every platform
 C# 7 is rolling out to have a lot of Swift sweet features
 C# 8 is coming by the end of this year to cover all Swift sweet features

21. APP
Model
Business
Workflow
Business
Components
Application Facade
Business
Entities
DB Access
Components
API Access
Components
Security
Logging
ExceptionHandling
UIKit Android View
UIViewController Activity
iOS Android
VM/Presenter
Xamarin Native Architecture View

22. APP
Model
Business
Workflow
Business
Components
Application Facade
Business
Entities
DB Access
Components
API Access
Components
Security
Logging
ExceptionHandling
View Renderer View Renderer
iOS Android
VM/Presenter
Xamarin Forms Architecture View
View Definitions

23. Xamarin – Powerful Tools
Visual Studio Xamarin Profiler Live Player

24. Mobile Center – Continuous everything
Continuous Build Integration
Continuous Test Integration
Continuous Distribution Integration
Analytics
Crashes

25. Xamarin – Coming soon
SwiftnetifierOfficial Swift Support Embeddinator Xamarin inside Native
Xamarin.Forms
3.0
Performance Boot Xamarin.Forms inside Xamarin.Native

26. Xamarin – Pros & Cons
• All native pros
• All ReactNative pros
• Free & Powered by Microsoft
• Bigger App size
• Tools not as good as native

27. Question & Answer!

28. NAXAM
Seeking for iOS/Android developers
tuyen@naxam.net
0986119552