14
.
11
.
2023
23
.
11
.
2018
Ruby on Rails
Business
Backend
Frontend

Hot topic: Progressive Web Apps instead of native mobile apps

Michał Krochecki
Chief Operations Officer

“There’s an app for that” - you heard it a million times. And the best thing about it is that it’s true. Since the rapid growth of the mobile market after the first iPhones and Android phones were introduced on the market, we’ve got so used to using mobile apps, that we don’t even notice how they evolve.

For the companies mobile apps are important so they can reach a different client niche, therefore often we are asked for that kind of service. That’s why we became interested and researched the topic of Progressive Web Apps before they became a hot topic, in order to be able to deliver such a solution to our clients. Now we are fully capable and can deliver even complex PWAs.

In 2007, way before PWA was even named like that, Steve Jobs said:

graphic by Visuality

In the software development world, these capabilities were well known, however, due to the spectacular success of the AppStore and Google Play (formerly Android Market), PWA’s needed to wait for a couple of years to emerge again.

from Enigma Recovery

Apps are getting bigger and bigger, but the average built-in storage that people have is still little above 32 GB. We take a lot of photos, download our favorite Netflix shows to watch them on the go, download Spotify tracks so we can listen to them when commuting. Each one of us had a problem with lack of space for a new app. In some less developed countries where internet connection is slower and people have low-end phones, space and performance consuming apps became a major pain point.

There is a solution and it’s called a Progressive Web App.

What is a PWA?

from SD times

In short words, a PWA is a web application that looks and feels like a native app. It can get hardware access, send push notifications, work even offline or with a low-speed Internet connection

What user does to use the app depends on the approach the provider of the app chooses:

  • Ask the users to use a mobile device, visit a web app and save it to the main screen. Next time they need to use it, they just click the icon on the home screen and voila! Users will use a fully capable app that uses a built-in engine (Safari or Chrome).

  • Developers can wrap the application up using a solution like Cordova and place it in the AppStore or Google Play so the users can download it and install like a native app. Again, the app uses the phones built-in engine, but the shortcut is automatically placed on the home screen.

In both cases, users need to grant access to push notifications or geolocation but it’s the same with native apps.

You probably ask yourself now why is that any better than a standard native app. Check the most important facts about PWA.

Cost-effectiveness.

When building a web application you can make it in PWA standard from the beginning. That way you will have a web and mobile app at the same time and save money and time spent on the development. And remeber, PWA = mobile app for Android, iOS and Windows Phone!

Easy distribution

As the web is the carrier, you don’t have to have separate admin panels or CMS systems for web and mobile. You just use one. When uploading new content it’s available in the apps immediately.

Quick updates

With PWA updates are immediate and users don’t have to download the app again. Less friction, less data consumed, quicker bug fixing. It sounds good, doesn’t it?

More space, better performance

PWA’s consume less space and usually don’t require high-end spec phones to work fast. As there are no downloadable updates required, people who have small data plans will certainly appreciate it. India’s main online store FlipCart launched FlipCart light so it’s easy on the storage, data traffic and performance on the low-end phones. Their PWA uses 3x less data!

PWA’s can cache files locally or even work offline! Repeated visits improve loading times.

iOS or Android?

It doesn’t matter because web apps work on both platforms without major adjustments.

Full engagement

Thanks to push notifications, your clients will receive all the messages and updates they need to see.

Safety first

In app stores there are tons of fake applications that look like the original ones but are used for phishing. PWA makes this problem disappear.

Drawbacks

  • Problematic access to more complex hardware (sensors, bluetooth)

  • Support for different PWA features varries (iOS doesn’t support push notifications yet, but it will soon.)

  • Not all users would know how to add the shortcut to the main screen

  • On iOS requires a 11.3 version.

  • On a new device you need to do the whole process again (no backup)

What's next?

Google is the biggest promoter of PWAs and since 2015 they have been trying to convince developers around the world to explore the topic. The biggest milestone to come is full support of PWAs on iOS. After that, we might observe a giant spike in the popularity of this solution. Will 2019 be PWA's year? We hope that it will be unlike with Linux's year ;)

At Visuality we believe that it’s a great alternative for certain groups of clients.

If you are looking for a web application and a native app at the same time, want to go easy on the budget, you know the app won’t need to use complex hardware elements, and at the same time you want to offer a high-performance and reliable solution to your clients, PWA is for you.

Who is already using PWAs

Here you can find more examples of PWAs

https://appsco.pe/

If you’d like to learn more about PWA and check if your app could be built in such way write to me at m.krochecki@visuality.pl

Michał Krochecki
Chief Operations Officer

Check my Twitter

Check my Linkedin

Did you like it? 

Sign up To VIsuality newsletter

READ ALSO

WebUSB - Bridge between USB devices and web browsers

14
.
11
.
2023
Burak Aybar
Ruby on Rails
Frontend
Backend
Tutorial

Visuality comes to town - this time it's Poznań

14
.
11
.
2023
Michał Piórkowski
Visuality
HR

CSS Modules in Rails

14
.
11
.
2023
Adam Król
Ruby on Rails
Tutorial
Backend
Frontend

How to choose a software house.

14
.
11
.
2023
Michał Piórkowski
Ruby on Rails
Business
Visuality

JSON API versus the NIH syndrome

14
.
11
.
2023
Nadia Miętkiewicz
Backend
Frontend
Tutorial

From Idea to Concept

02
.
10
.
2024
Michał Krochecki
Ruby on Rails
Business
Startups

Styling React Components

14
.
11
.
2023
Umit Naimian
Ruby on Rails
Frontend
Tutorial

How good design can help your business grow

14
.
11
.
2023
Lukasz Jackiewicz
Design
Business
Marketing

TODO not. Do, or do not.

29
.
11
.
2023
Stanisław Zawadzki
Ruby on Rails
Software

CS Lessons #003: Density map in three ways

14
.
11
.
2023
Michał Młoźniak
Ruby
Backend
Tutorial
Software

Clean code for the win

14
.
11
.
2023
Michał Piórkowski
Ruby on Rails
Backend
Frontend
Business

Crowd-operated Christmas Lights

14
.
11
.
2023
Nadia Miętkiewicz
Ruby on Rails
Backend

How to startup and be mature about it

14
.
11
.
2023
Rafał Maliszewski
Ruby on Rails
Startups
Business

A journey of a thousand miles begins with workshops

14
.
11
.
2023
Michał Piórkowski
Software
HR

CS Lessons #002: Data structures

14
.
11
.
2023
Michał Młoźniak
Ruby
Software

Summary of Phoenix workshop at Visuality

14
.
11
.
2023
Karol Słuszniak
Ruby on Rails
Visuality
Backend

CS Lessons #000: Introduction and motivation

14
.
11
.
2023
Michał Młoźniak
Ruby
Software

CS Lessons #001: Working with binary files

14
.
11
.
2023
Michał Młoźniak
Ruby
Software

Working with 40-minute intervals

14
.
11
.
2023
Sakir Temel
Software
HR

THE MATURE TECH STARTUP DILEMMA: WHAT'S NEXT

14
.
11
.
2023
Susanna Romantsova
Startups

Win MVP workshop!

14
.
11
.
2023
Susanna Romantsova
Startups

FINTECH WEEK IN OSLO: WHATs & WHYs

14
.
11
.
2023
Susanna Romantsova
Conferences

MY FIRST MONTH AT VISUALITY

14
.
11
.
2023
Susanna Romantsova
Visuality
HR

NASA 1st global hackaton in Poland? Visuality Created it!

14
.
11
.
2023
Rafał Maliszewski
Ruby on Rails

Berlin StartupCamp 2016 summary

14
.
11
.
2023
Michał Piórkowski
Conferences
Startups