Hi there,

This is the first article in a series about the PWA. We will start easy with information you are too lazy to google and in the following articles we will get in more depth and eventually show how to implement it with React!

Let’s start!

What is PWA?

A progressive web app (PWA) is a web page that looks and behaves as if it is a mobile app.

PWAs are built to take advantage of native mobile device features, without requiring the end-user to visit an app store and download software on the mobile phone.

Why PWA?

Let’s try to simplify this and in the following articles go into more depth.

1. User side

• Look and feel is the same as native apps
• If done right, an average user won’t notice a difference between PWA and native app from the app store.

2. Dev side

• Only one codebase is being developed and not separate code for IOS, Windows, and Android.
• Easier to maintain and easier go to market strategy.

Why not PWA?

Early stages. Not all browsers support it. Not all browsers handle it in the same way. Some features are better on Native apps, such as camera zoom and image handling.

PWA vs Native

PWA success stories links

1. Pinterest https://medium.com/dev-channel/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154
2. Trivago — https://www.thinkwithgoogle.com/intl/en-gb/consumer-insights/trivago-embrace-progressive-web-apps-as-the-future-of-mobile/
3. Community driven statistics for PWA implementation news- https://www.pwastats.com/

Thanks for reading and stay tuned!

‍