Developers have many options when building mobile apps. Learn what sets native apps apart from cross platform and hybrid solutions. In this presentation we’ll explore the pros and cons of each to help you decide which approach is best for your next project, and when you need to go native.
3. 3
When To Go Native Outline
We'll discuss the popular ways to develop
mobile apps
We'll cover the strengths and weaknesses
of each approach
We'll cover methods for deciding when to
go native
We'll look at some examples of apps and
pick an approach for each one
DevFest ‘17
5. 5
Web Hybrid
Web app wrapped in a native shell
Build with Cordova (PhoneGap), Ionic, etc.
Web technologies with native hooks
HTML5
Javascript
CSS
DevFest ‘17
6. 6
Cross Platform
Native UI, cross platform backend
The most popular options are:
Xamarin
React Native
DevFest ‘17
7. 7
Xamarin
Write apps in C#
Specify platform specific UI
Tools provided by Microsoft
DevFest ‘17
8. 8
React Native
Write apps in Javascript
Leverages native UI
components for each platform
OSS, currently built and
maintained by Facebook
DevFest ‘17
9. 9
Native Apps
Language and frameworks for each
platform
Write iOS apps in Objective-C or Swift
Write Android apps in Java
Tools provided and maintained by
platform owners (Apple and Google)
DevFest ‘17
10. Which Approach is Right for my Project?
Strengths &
Weaknesses
DevFest ‘17
12. 12
Device Capabilities
Full access with native
Support on cross platform for most,
drop to native code for unsupported
capabilities
Support on mobile web for some,
harder drop to native code for
unsupported capabilities
DevFest ‘17
13. 13
User Interface
Native UI best with native
Can achieve native results with cross
platform if platform specific UIs are
implemented
Uniform look of web across platforms
leads to a non-native feel
DevFest ‘17
16. 16
Tooling
First party tools when doing native
development
React Native updates from Facebook
Xamarin updates from Microsoft, use
Visual Studio
Hybrid web uses web tooling and light
build tools from vendors
DevFest ‘17
17. 17
Skills Required
Really a difference in tooling and
languages
For any of these beyond hybrid web you'll
need to have a pretty deep knowledge of
each platform
DevFest ‘17
19. 19
Deployment
Upload to app stores with all of these
React Native and hybrid web can be
updated without app review
Technically iOS apps have to feel native
Closer to code signing and better
deployment tools for native
DevFest ‘17
20. So what does all of this mean?
When To Go Native
DevFest ‘17
21. 21
Deep hardware integration
Running in the background (GPS tracking,
background content updates, VOIP)
Camera access beyond basic capture
Bluetooth (beacons, BTLE, bluetooth audio)
Offline storage
TouchID and fingerprint scanners
Accelerometers
Motion Coprocessor
DevFest ‘17
24. 24
When UX *really* matters
High touch applications
Rich user interactions
High profile apps
DevFest ‘17
25. 25
Latest & Greatest
No reliance on 3rd parties to
support features before you can
Start developing for new
platforms before they're
released to the public
DevFest ‘17
27. 27
When to go cross platform
When you can leverage JS or C#
developers to focus on mobile
When you don't need deep hardware
integration
When you don't need deep platform
integration
When you don't need cutting edge
DevFest ‘17
28. 28
When to go web hybrid
(or just web!)
When you have existing web talent to
focus on mobile
When functionality is fairly basic
When user experience doesn't have to be
stellar
DevFest ‘17
30. 30
XOEye
Mobile Application
XOEye equips field technicians with wearable technology systems that capture and share the right information with the right people at the right time.
LunarLincoln built a VOIP app for XOEye that lets their users communicate via real-time audio and video streaming when they’re on the go.
31. 31
Compass
Mobile Application
Compass employs the powerful native
sensors in your phone to give you
perspective on your habits over time.
Open Compass and instantly
participate in the trajectory of your life.
Learn more about what makes you tick,
get insights, and replay your day.
• Observe your behavior over time
• Own your data and take it further
with export to CSV
• See the big picture and accomplish
goals with insight cards
32. 32
LoLo
Mobile Application
Lolo or “Locals Supporting Locals” is a citywide loyalty program. LoLo essentially turns any credit or debit card into a rewards card by tracking spending
when those cards are used with participating businesses. Nothing new to carry, nothing to remember; just spend like normal.
33. 33
The Brain at Work Experiment
Mobile Application
The TReAD Lab studies the behavioral and neurobiological determinants of cost/benefit decision-making in healthy
individuals, as well as in patients with mental illness. The Brain at Work Experiment allows test subjects to
participate outside the lab as well as more frequently allowing for a richer data set for the study.
35. 35
When To Go Native Outline
We discussed the popular ways to develop mobile apps
We covered the strengths and weaknesses of each approach
We covered an methods for deciding when to go native
We looked at some examples of apps and pick an approach
for each one
DevFest ‘17