Progressive Web App (PWA) Links
“The web is becoming a platform for lightweight apps that can be accessed on-demand, installed without friction, and incrementally updated” from Twitter’s Lite blog article.
“Progressive web apps (PWAs) are web applications that are regular web pages or websites, but can appear to the user like traditional applications or native mobile applications.” WikiPedia
Google has been talking about PWA’s for awhile and my interest is growing in the PWA approach.
“Progressive Web Apps are user experiences that have the reach of the web, and are:
- Reliable - Load instantly and never show the downasaur, even in uncertain network conditions.
- Fast - Respond quickly to user interactions with silky smooth animations and no janky scrolling.
- Engaging - Feel like a natural app on the device, with an immersive user experience.
This new level of quality allows Progressive Web Apps to earn a place on the user’s home screen.”
I recommend the PWA Fundamentals on Pluralsight from May 2017 to get a good introduction.
Here are links that I’ve gathered over the last few months. I will add more as I come across them, so keep checking back.
- Progressive Web Apps using the Angular Service Worker Google doc
- A Beginner’s Guide to Progressive Web Apps & the Frontend Web - July 2017
- An Extensive Guide To Progressive Web Applications November 27, 2018
- Twitter built a PWA - April 6, 2017
- Yes, That Web Project Should Be a PWA - August 30, 2017
- “Even with so much well-written, accessible content about PWAs freely available, misinformation abounds.”
- Google I/0 2016 app showcase
- there are many other showcases as well (The Weather Channel, Alibab, etc)
- A community-driven list of stats and news related to PWAs
- Lyft, as a PWA tweet - November 11, 2016
- List of PWAs on GitHub
- Hacker News readers as Progressive Web Apps
- Slides from Daniel Black at a May 2017 SF Dev Meetup
- Learn Anything
- Google’s checklist
- HTMl5 articles
- Any web site can become a PWA – but we need to do better - Christian Heilman - June 27, 2017
- Progressive Web Apps The Right Way - May 25, 2017
- Ionic Dev Survey - July 2017
- “Finally, 31.5% of developers are targeting progressive web apps. That’s a big jump for something the dev community just started talking about two years ago”
- What, Exactly, Makes Something A Progressive Web App? - September 2016
- details on what makes for a good progressive web app.
- Will the Real Web Developer Please Stand Up? - August 27, 2017
- a list of expectations for PWAs and a flavor for the complexities
Putting the “App” in Progressive Web Apps - September 07, 2017
- “It’s not one solution, it’s more like several best practices you can implement to create better web applications.”
Apple’s refusal to support Progressive Web Apps is a detriment to future of the web - July 24, 2017
- A word of caution, based on Apple’s approach “One thing is for sure though: We can’t just hop on the PWA train and forget about native apps completely. We need to call this what it is — a detriment to the future of the web.”
Welcoming PWAs: Apple now supports service workers on Safari - February 21, 2018
- “With Safari 11.1, Apple will introduce service workers to both macOS and iOS”
Windows 10 version 1803 will bring full support for Progressive Web Apps - September 22, 2017
- “To be clear, PWAs on the Windows Store will behave and look like native UWP apps, and Windows 10 users should not see any difference. Microsoft Teams is a perfect example of a PWA done well.”
Microsoft’s Bold Plan to Bring PWAs to Windows 10 - October 29, 2017
- “As a result, the Hosted Web Apps platform will blend into PWAs on Windows 10 over time, I was told.”
- “We are providing the same support for PWAs in Windows 10 as Google does [in Android],” Burtoft said.
Welcoming Progressive Web Apps to Microsoft Edge and Windows 10 - February 6, 2018
MS Edge docs
Progressive Web Apps made easy with ASP.NET Core - November 15, 2017
- Mads Kristensen has created a NuGet package for Asp.Net Core to add middleware that will add needed PWA capabilities.
6 myths of Progressive Web Apps - October 6, 2017
- “In this post, I’ll share some common myths (IMHO) about PWAs.”
Designing For A Browserless Web - November 27, 2017
Betting on the Web - September 8, 2017
Web apps are only getting better - April 11, 2018
Goodbye Electron, Hello Desktop PWAs - November 9, 2018
The Complete Guide To Progressive Web Apps with Ionic 4
Goodbye Electron, Hello Desktop PWAs - November 9, 2018
Mobile Dev Weekly - several good links - January 31, 2018
PWA Stats - “A community-driven list of stats and news”
Microsoft Edge Docs about PWA
- A Progressive Roadmap for your Progressive Web App from CloudFour - August 27, 2017
- “One of the hidden benefits of Progressive Web Apps is that you can start right now and roll out features incrementally.”
- A React & Preact PWA Performance Case Study - September 12, 2017
- “What they saw compared to their old mobile site was a 70%+ improvement in time to first paint , 31% improvement in time-to-interactive. and loaded in under 4 seconds over 3G for many typical visitors and on their target hardware.”
- A Pinterest Progressive Web App Performance Case Study - November 29, 2017
- “Over 3 months, Pinterest rebuilt their mobile web experience using React, Redux and webpack”
- “Time spent is up by 40% compared to the old mobile web experience, user-generated ad revenue is up 44% and core engagements are up 60%:”
- From SPA to PWA with ASP.NET Core 2.0 and Aurelia - December 14, 2017
- I built a Progressive Web App and published it in 3 app stores. Here’s what I learned.
- Pinterest 1 year retro
- “Weekly active users on mobile web have increased 103 percent year-over-year overall, with a 156 percent increase in Brazil and 312 percent increase in India. On the engagement side, session length increased by 296 percent, the number of Pins seen increased by 401 percent and people were 295 percent more likely to save a Pin to a board.”
MS Build 2018
Network traffic goes through the Service worker first.
“A service worker is a script that your browser runs in the background, separate from a web page, opening the door to features that don’t need a web page or user interaction.” (Google’s introduction)
Please let me know about more links that I can add.