# Progressive Web Apps (PWA's)

**URL:** <https://forum.elixirforum.com/t/progressive-web-apps-pwas/12876>\
**Category:** General Prog (Archived)\
**Tags:** mobile, progressive-web-apps\
**Created:** [March 3, 2018, 11:36am UTC](https://forum.elixirforum.com/t/progressive-web-apps-pwas/12876 "2018-03-03T11:36:25Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![bulldog\_in\_the\_dream](https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/b/58956e/32.png) [@bulldog\_in\_the\_dream](https://forum.elixirforum.com/u/bulldog_in_the_dream)\
**Post date:** [March 3, 2018, 11:36am UTC](https://forum.elixirforum.com/t/progressive-web-apps-pwas/12876/1 "2018-03-03T11:36:25Z")

</div>

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: [How to turn your website into a PWA | Max Böck](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/](https://www.pwastats.com/)

---

<div class="post-metadata">

**Author:** ![dokuzbir](https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/d/ed8c4c/32.png) [@dokuzbir](https://forum.elixirforum.com/u/dokuzbir)\
**Post date:** [March 3, 2018, 11:47am UTC](https://forum.elixirforum.com/t/progressive-web-apps-pwas/12876/2 "2018-03-03T11:47:48Z")

</div>

> [@Mobile Development Options](https://forum.elixirforum.com/t/mobile-development-options/795/52):
>
> 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.

Can you share your experiences after you test pwa?

---

<div class="post-metadata">

**Author:** ![bulldog\_in\_the\_dream](https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/b/58956e/32.png) [@bulldog\_in\_the\_dream](https://forum.elixirforum.com/u/bulldog_in_the_dream)\
**Post date:** [March 3, 2018, 1:54pm UTC](https://forum.elixirforum.com/t/progressive-web-apps-pwas/12876/3 "2018-03-03T13:54:47Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![dokuzbir](https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/d/ed8c4c/32.png) [@dokuzbir](https://forum.elixirforum.com/u/dokuzbir)\
**Post date:** [March 3, 2018, 3:19pm UTC](https://forum.elixirforum.com/t/progressive-web-apps-pwas/12876/4 "2018-03-03T15:19:05Z")

</div>

> [@Mobile Development Options](https://forum.elixirforum.com/t/mobile-development-options/795/54):
>
> 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.

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

[![](https://img.youtube.com/vi/UVcPyiRLcgU/maxresdefault.jpg "Progressive Web App - PWA Example") ](https://www.youtube.com/watch?v=UVcPyiRLcgU)

---

<div class="post-metadata">

**Author:** ![peerreynders](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/peerreynders/32/5826_2.png) [@peerreynders](https://forum.elixirforum.com/u/peerreynders)\
**Post date:** [March 3, 2018, 10:26pm UTC](https://forum.elixirforum.com/t/progressive-web-apps-pwas/12876/5 "2018-03-03T22:26:29Z")

</div>

> 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](https://developers.google.com/web/fundamentals/performance/prpl-pattern/).

---

<div class="post-metadata">

**Author:** ![dokuzbir](https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/d/ed8c4c/32.png) [@dokuzbir](https://forum.elixirforum.com/u/dokuzbir)\
**Post date:** [March 4, 2018, 6:36am UTC](https://forum.elixirforum.com/t/progressive-web-apps-pwas/12876/6 "2018-03-04T06:36:08Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![mkunikow](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/mkunikow/32/235_2.png) [@mkunikow](https://forum.elixirforum.com/u/mkunikow)\
**Post date:** [March 9, 2018, 9:53am UTC](https://forum.elixirforum.com/t/progressive-web-apps-pwas/12876/7 "2018-03-09T09:53:06Z")

</div>

[https://medium.com/@addyosmani/a-tinder-progressive-web-app-performance-case-study-78919d98ece0](https://medium.com/@addyosmani/a-tinder-progressive-web-app-performance-case-study-78919d98ece0)

---

<div class="post-metadata">

**Author:** ![mkunikow](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/mkunikow/32/235_2.png) [@mkunikow](https://forum.elixirforum.com/u/mkunikow)\
**Post date:** [March 9, 2018, 1:26pm UTC](https://forum.elixirforum.com/t/progressive-web-apps-pwas/12876/8 "2018-03-09T13:26:40Z")

</div>

[![](https://img.youtube.com/vi/z2JgN6Ae-Bo/maxresdefault.jpg "Progressive Web Apps - PWA Roadshow") ](https://www.youtube.com/watch?v=z2JgN6Ae-Bo)

---

<div class="post-metadata">

**Author:** ![demem123](https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/d/b38774/32.png) [@demem123](https://forum.elixirforum.com/u/demem123)\
**Post date:** [July 23, 2018, 9:44pm UTC](https://forum.elixirforum.com/t/progressive-web-apps-pwas/12876/9 "2018-07-23T21:44:50Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![marciol](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/marciol/32/4223_2.png) [@marciol](https://forum.elixirforum.com/u/marciol)\
**Post date:** [July 26, 2018, 2:58pm UTC](https://forum.elixirforum.com/t/progressive-web-apps-pwas/12876/10 "2018-07-26T14:58:34Z")

</div>

@arjan published an [article](https://www.botsquad.com/2018/03/07/phoenix-sw) regarding PWA and Phoenix some time ago:

---

<div class="post-metadata">

**Author:** ![demem123](https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/d/b38774/32.png) [@demem123](https://forum.elixirforum.com/u/demem123)\
**Post date:** [July 26, 2018, 4:26pm UTC](https://forum.elixirforum.com/t/progressive-web-apps-pwas/12876/11 "2018-07-26T16:26:37Z")

</div>

thanks! =)

---

<div class="post-metadata">

**Author:** ![arjan](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/arjan/32/2737_2.png) [@arjan](https://forum.elixirforum.com/u/arjan)\
**Post date:** [July 27, 2018, 6:45am UTC](https://forum.elixirforum.com/t/progressive-web-apps-pwas/12876/12 "2018-07-27T06:45:06Z")

</div>

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](https://www.npmjs.com/package/webpack-auto-inject-version) plugin which makes sure the `sw.js` file is different on each release, and then hook into [onupdatefound](https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerRegistration/onupdatefound) to actively purge the browser’s cache.

---

<div class="post-metadata">

**Author:** ![daniyalwali](https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/d/e9bcb4/32.png) [@daniyalwali](https://forum.elixirforum.com/u/daniyalwali)\
**Post date:** [August 9, 2018, 10:52am UTC](https://forum.elixirforum.com/t/progressive-web-apps-pwas/12876/13 "2018-08-09T10:52:54Z")

</div>

##### 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](https://www.livewirelabs.co/what-is-pwa-progressive-web-apps/).

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.

---

<div class="post-metadata">

**Author:** ![Nefcairon](https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/nefcairon/32/31921_2.png) [@Nefcairon](https://forum.elixirforum.com/u/Nefcairon)\
**Post date:** [May 16, 2019, 6:46pm UTC](https://forum.elixirforum.com/t/progressive-web-apps-pwas/12876/14 "2019-05-16T18:46:07Z")

</div>

Would be great if you update the article.

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

[![](https://img.youtube.com/vi/2KhRmFHLuhE/maxresdefault.jpg "Going Big: PWAs Come to Desktop and Chrome OS (Google I/O ’19)") ](https://www.youtube.com/watch?v=2KhRmFHLuhE)
