profile

Hi! I'm a Chad

Progressive Web Apps are the future of apps

publishedabout 2 months ago
2 min read

Issue #31

The past few weeks, you've received technologic in a different format.
I'm looking for some quick feedback.

Did you like the other format better?

Please reply to this email and let me know your opinion.

Have a blessed rest of the week,

Chad

p.s. I dropped some of my favorite uses for YouTube.


All about Progressive Web Apps

The original concept of the iPhone didn't include an app store.

Steve Jobs's idea of apps for the iPhone was to use websites as apps. This didn't take off. Instead, they built the app store specific for the iPhone. The App Store ended up being a huge revenue stream for Apple.

The idea of website apps for iPhone wasn't pursued.

Fast forward to 2015.

The advancement of web-based technology changed the way we interact with webpages. The idea of Progressive Web Apps (PWA) started as an idea to replace App Stores.

Google's Chrome OS is a good example of an ecosystem based off progressive web apps.

I could see a future where you pay for web storage and all of your apps connect to the storage.

Requirements for a Progressive Web App

There are 3 things required for these web apps to function.

1. Secured using HTTPS

2. A service worker

3. Web App manifest

The HTTPS means the data going from the site to the server is secured. This is present almost every website now.

Service worker allows the developers to tell the app which files need to be cached. This is what makes the web apps fast.

The Web App manifest is a JSON file to give a description of the app to the browser. It has the name, author, logo, description, and resources needed for the app. This is what make sure the app is discoverable.

How the apps work

PWAs, traditionally, aren't installed from an app store.

They install straight from a tab. Chrome, Edge, Firefox, Opera, and iOS Safari allow you to install apps from websites. Once you install a PWA they look like every other app.

(Microsoft and Google have started adding them to their App Stores. But only in the last couple of years.)

When you're on a website with the 3 requirements above, you'll get a pop up saying, "Install to Home Screen".

You click on this pop up and the browser installs the web app to your device. This can happen on mobile or desktops.

Once installed the PWA will look like any other app you use. It will show up full screen without the address bar and header you see in the browser.

This doesn't happen the first time you visit the site. Instead, it happens after you visited the site a few times. If it happened on every site, you visited the 1st time, you would be annoyed.

Why PWAs are needed

These web-based apps make the development process easier. PWAs use HTML, CSS, and JavaScript development. This makes it possible for 1 team of developers to build the website and the web app at the same time. There's no need for a separate team to develop for iOS, Windows, Linux, and Android.

This makes development faster and less expensive.

Running on web technologies make Progressive Web Apps better for developers. They aren't tied to the one platform they can afford to develop on. They don't have to pay an app store a percentage of sales/subscriptions.

PWAs are similar to normal apps

Progressive Web apps function the same as a normal apps you have on your devices.

PWAs have the ability to work offline and store files. They're able to send notifications with the exception of Apple products. Apple has chosen to not allow notifications for web apps on their products.

Many apps you use on your phone and computer are web apps made compatible for the platforms they use.

Mass adoption is the one thing holding back progressive web apps from taking over.

And most people don't know they exist.