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

Writing Chrome Extensions Is (probably) Easier Than You Think

14
.
11
.
2023
Antoni Smoliński
Tutorial
Frontend
Backend

Bounded Context - DDD in Ruby on Rails

17
.
03
.
2024
Paweł Strzałkowski
Ruby on Rails
Domain-Driven Design
Backend
Tutorial

The origin of Poltrax development - story of POLTRAX (part 2)

29
.
11
.
2023
Stanisław Zawadzki
Ruby on Rails
Startups
Business
Backend

Ruby Meetups in 2022 - Summary

14
.
11
.
2023
Michał Łęcicki
Ruby on Rails
Visuality
Conferences

Repository - DDD in Ruby on Rails

17
.
03
.
2024
Paweł Strzałkowski
Ruby on Rails
Domain-Driven Design
Backend
Tutorial

Example Application - DDD in Ruby on Rails

17
.
03
.
2024
Paweł Strzałkowski
Ruby on Rails
Domain-Driven Design
Backend
Tutorial

How to launch a successful startup - story of POLTRAX (part 1)

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

How to use different git emails for different projects

14
.
11
.
2023
Michał Łęcicki
Backend
Tutorial

Aggregate - DDD in Ruby on Rails

17
.
03
.
2024
Paweł Strzałkowski
Ruby on Rails
Domain-Driven Design
Backend
Tutorial

Visuality at wroc_love.rb 2022: It's back and it's good!

14
.
11
.
2023
Patryk Ptasiński
Ruby on Rails
Conferences
Ruby

Our journey to Event Storming

14
.
11
.
2023
Michał Łęcicki
Visuality
Event Storming

Should I use Active Record Callbacks?

14
.
11
.
2023
Mateusz Woźniczka
Ruby on Rails
Backend
Tutorial

How to rescue a transaction to roll back changes?

17
.
03
.
2024
Paweł Strzałkowski
Ruby on Rails
Backend
Ruby
Tutorial

Safe navigation operator '&.' vs '.try' in Rails

14
.
11
.
2023
Mateusz Woźniczka
Ruby on Rails
Backend
Ruby
Tutorial

What does the ||= operator actually mean in Ruby?

14
.
11
.
2023
Mateusz Woźniczka
Ruby on Rails
Backend
Ruby
Tutorial

How to design an entity - DDD in Ruby on Rails

17
.
03
.
2024
Paweł Strzałkowski
Ruby on Rails
Domain-Driven Design
Backend
Tutorial

Entity - DDD in Ruby on Rails

17
.
03
.
2024
Paweł Strzałkowski
Ruby on Rails
Domain-Driven Design
Backend
Tutorial

Should I use instance variables in Rails views?

14
.
11
.
2023
Mateusz Woźniczka
Ruby on Rails
Frontend
Backend
Tutorial

Data Quality in Ruby on Rails

14
.
11
.
2023
Michał Łęcicki
Ruby on Rails
Backend
Software

We started using Event Storming. Here’s why!

14
.
11
.
2023
Mariusz Kozieł
Event Storming
Visuality

First Miłośnicy Ruby Warsaw Meetup

14
.
11
.
2023
Michał Łęcicki
Conferences
Visuality

Should I use Action Filters?

14
.
11
.
2023
Mateusz Woźniczka
Ruby on Rails
Backend
Tutorial

Value Object - DDD in Ruby on Rails

17
.
03
.
2024
Paweł Strzałkowski
Ruby on Rails
Domain-Driven Design
Backend
Tutorial