Progressive Web Apps (PWA's)

bulldog_in_the_dream · July 23, 2018, 11:02pm

I would go for a progressive web app (PWA), if feasable; if not I would use React native. I think PWAs is where we’re headed. For web devs this is a very tempting route, as it’s pretty easy to convert a tradtidtional web app to a PWA.

Short intro to PWAs: https://mxb.at/blog/how-to-turn-your-website-into-a-pwa

A Progressive Web App, or PWA, uses modern web capabilities to deliver an app-like user experience. Any website can be a PWA

PWAs can be smaller and more performant than native apps: https://www.pwastats.com/

dokuzbir · March 3, 2018, 7:13pm

Can you share your experiences after you test pwa?

bulldog_in_the_dream · March 3, 2018, 7:13pm

Not really, as I’ve never built one ;). But from reading about them and learning from colleagues who’ve built them, they are what I’d try if I had to do something spesifically for mobile.

dokuzbir · March 3, 2018, 7:13pm

From that video what i understand is, pwa is not a solution directly for mobile app . But i think improves speed in webview component.

peerreynders · March 3, 2018, 10:26pm

pwa is not a solution directly for mobile app

In my opinion it’s part of the “mobile first” movement in the leading edge of web development. The perception of good frontend performance on mobile devices is increasingly driving architectural decisions on the frontend - example PRPL-pattern.

dokuzbir · March 4, 2018, 6:38am

Yes PWAs creates new opportunities for web. From my perspective, we should apply pwa and mobile app together. For future pwa’s look promising. A serious web app still should care play , app store markets. Customers need time for understand a pwa. They still expect a app in play and app store. A webapp easily can turn a pwa.

mkunikow · March 9, 2018, 9:53am

mkunikow · March 9, 2018, 1:26pm

demem123 · July 23, 2018, 9:44pm

which language are you using for pwa’s? has anyone tried it with a phoenix app?

marciol · July 26, 2018, 2:58pm

@arjan published an article regarding PWA and Phoenix some time ago:

demem123 · July 26, 2018, 4:26pm

thanks! =)

arjan · July 27, 2018, 6:45am

Yep…! I need to publish an update to that article though, as it does not cover cache invalidation of the static assets, which can be really annoying.

Quick takeaways:

make sure your /sw.js file is never cached (set a cache-control: max-age=0 header)
I use the webpack-auto-inject-version plugin which makes sure the sw.js file is different on each release, and then hook into onupdatefound to actively purge the browser’s cache.

daniyalwali · August 9, 2018, 10:52am

Well, if you want to deploy your website into an application from the very first go, then clearly, Progressive Web Apps will work perfectly for you. Native apps are time-consuming, they are also very costly and require maintenance after development.

In PWAs, you have most of the advantages that native apps offer. In fact, businesses who work online have started converting their websites into PWAs. Google itself is endorsing Progressive Web Apps. PWAs are taken as a combination of best web and mobile experience. Unlike Native Apps, PWAs can work on all platforms. You don’t need to develop an application for separate operating systems. A single PWA can support all existing operating systems.

The features of Progressive Web Apps set them apart from the Native Apps.

Progressive – Works anywhere, on any device. App-like – Gives almost an app-like experience.

Security – Safe TLS via HTTP. Discoverable – PWAs can be found on search engines.

Linkable – Apps can be shared by sending URLS. Offline Mode – PWAs can work without internet.

Fast – Increased page load & performance of apps. Responsive – Scalable UI & automatically adjustable for all devices. Installable – Allows app installation on home screen. User Engagement – Provides an immersive user experience to users.

Also, In PWA you can optimize your website on the web search engines. However, you can’t get the luxury of App store optimizing that is available is Native apps. Native apps cost both time and money. In contrast, Progressive Web Apps are cost-effective & easy to deploy.

We have a complete article on the same subject of what is PWA.

So, if you can get all the added features and also enjoy the native app-like feel that ensures enhanced UX, then remember that PWA is the best choice available for you.

Nefcairon · May 16, 2019, 6:46pm

Would be great if you update the article.

Going Big: PWAs Come to Desktop and Chrome OS (Google I/O ’19):