Hey, Mi Fans! Wassup!
Just 2 days ago, our most awaited MIUI 10 was unveiled with many features. One of those features was Progressive Web Apps support. But the thing is, have you heard of progressive web apps? You're probably wondering what a Progressive Web App is. Well, It's been a few months now since Progressive Web Apps have made their way into the web and mobile domains, but are you fully aware of all the advantages and benefits they offer? By the end of this thread, I'm sure you'll know everything about it. So, let's get started.
What Is Progressive Web Apps(PWA)?
Why Progressive Web Apps?
Now let’s talk about the “WHY”. Before that let’s understand what problems does it solve.
Problems With Native Apps?
We all have used Android or iOS apps on our smartphones. We use them for all kinds of thing. But while installing any Android/iOS apps we go through these problems :
One recent survey shows that people are turning away from Android/iOS apps, because not all app experiences are satisfying or worthwhile. Some people simply don’t want any more apps on their phone, some even hesitate to download any app.
If you take a look at the apps installed on your mobile right now there might be at least a dozen apps that you do not use regularly. Sometimes apps only work well when the phone has an active internet connection.
The irony is that most of the apps have a fully responsive website performing the same functions. So why waste your precious disk space and your internet data on your smartphone by installing the native app? The average size of apps that we install from play store/app stores would range from 30–200MB. Moreover, these app needs to updated every week! But Progressive Web Apps are within some KBs and are automatically updated.
What if a website can do that and much more than a Native app? This is what Progressive Web Apps (PWA) are trying to accomplish.
Features of Progressive Web Apps:
Some Popular Companies that Do Progressive Web Apps:
How To Use A Progressive Web App?
Probably, you must be wondering how to use a Progressive Web App! Let’s take the example of Flipkart. When you open the Flipkart URL on your mobile’s browser, you will get something like this:
When you open the browser’s menu, you will see the option Add to Home Screen.
If you get a prompt as shown below, you will know that you are adding a PWA to your home screen.
But if the browser instead asks you to enter a name, then it is not a PWA.
Once your PWA is installed, it will appear on your home screen like this:
Just like a Native App, your PWA will also be available in the device’s app drawer.
Now when you open the PWA, you will notice that is exactly like what you saw on your web browser. The only difference is that in the PWA, there is no URL bar.
Chrome browser will automatically send you a prompt to add the PWA to your home screen if you have opened the webpage 2X times for two weeks.
You might not have heard about this PWA topic but with the huge range of benefits they provide, such as saving space on your device, you’ll hear about them more and more throughout 2018 and onwards. In one sentence, PWA is the next step in web development. So try it out and be ready for the Future!
Friends, Progressive Web Apps is the vast topic to cover. I have taken some important things in this thread so if you want to know more about details, I would suggest you to check out the sources mentioned below.
So, what do you think guys about progressive web apps? Are they better than the apps we download from play store? Drop your thoughts in the comment box below. I'll see you soon with one more interesting topic. Till then, take care.
THANK YOU FOR READING.
Sources: 1, 2, 3
In order to fulfill the basic functions of our service, the user hereby agrees to allow Xiaomi to collect, process and use personal information which shall include but not be limited to written threads, pictures, comments, replies in the Mi Community, and relevant data types listed in Xiaomi's Private Policy. By selecting "Agree", you agree to Xiaomi's Private Policy and Content Policy .