This document discusses the pros and cons of different options for building mobile apps: progressive web apps (PWAs), native apps, and hybrid approaches using frameworks like React Native and NativeScript. PWAs allow distribution via the web and app stores but have limited access to native device APIs, while native apps can access all native APIs but require separate development for each platform. Hybrid approaches aim to reuse code across platforms but can't fully replicate native experiences and may have compatibility issues. The best choice depends on requirements around performance, capabilities, and distribution channels needed for the specific app.

1. PWA'S
OR
NATIVE
WEB
APPS? 2020 involvealltechnologies

2. 01
2020 involvealltechnologies.com
Before deciding on the
platform,
reading and testing
app experiences is
always a good idea.
@allansendagi

3. So PWA/web
technologies route
or native?
Both options have
their pros and cons
02
2020 involvealltechnologies.com @allansendagi

4. 03
First, how "native" are we
talking?
2020 involvealltechnologies.com @allansendagi

5. 04
Are we talking native
code execution for
performance reasons?
2020 involvealltechnologies.com @allansendagi

6. 05
Usage of native user
interface libraries
(such as UIKit, Android
Widgets or AndroidX
artifacts)?
2020 involvealltechnologies.com @allansendagi

7. 06
or usage of the native
distribution channel -
the AppStore or
enterprise distribution
through an app
package?
2020 involvealltechnologies.com @allansendagi

8. 07
Either way, here are some
key points to base your
decision on depending on
the need
2020 involvealltechnologies.com @allansendagi

9. Apps also work in the
browser
Distribution: Browser,
enterprise and app
stores
Strengths PWAs
08
2020 involvealltechnologies.com @allansendagi

10. 09
Can utilise
React, Angular,
Vue, vanilla or
other
frameworks
2020 involvealltechnologies.com @allansendagi

11. 10
No access to every
native API
Abilities and store
distribution on iOS and
iPadOS are limited
PWAs weaknesses
2020 involvealltechnologies.com @allansendagi

12. 11
It’s in continuous
evolution
2020 involvealltechnologies.com @allansendagi

13. 12
Same patterns as with
React.js.
Some web APIs are
exposed.
Web and desktop
support
Strengths of React Native
2020 involvealltechnologies.com @allansendagi

14. 13
Can’t reuse web UI
components
The native bridge
needs some work
React experience is
needed
Weaknesses
2020 involvealltechnologies.com @allansendagi

15. 14
Good tools for coding
and testing
Extensive gallery of
apps ready to play
with
Strengths of NativeScript
2020 involvealltechnologies.com @allansendagi

16. 15
All Android and
iOS APIs are
exposed in JS
2020 involvealltechnologies.com @allansendagi

17. 16
Small community
Can’t reuse web UI
components
No web, desktop or
React support
Weaknesses
2020 involvealltechnologies.com @allansendagi