PWA developer top news of 2018

Carefully curated news for PWA developers

Mobile Hackers.io
25 min readDec 21, 2018

Progressive Web Apps on iOS are here

By @Maximiliano Firtman

With iOS 11.3, Apple has silently added support for the basic set of new technologies…

An introduction to Progressive Web Apps

By @Flavio Copes

Progressive Web Apps (PWA) are the latest trend in mobile application development using web technologies. At the time of writing (early 2018), they’re…

I built a Progressive Web App and published it in 3 app stores. Here’s what I learned.

The process was both painful and enlightening. Here’s what I learned. First, you might wonder, “Why even put your app in the app stores? Just live on…

Your First Progressive Web App

Progressive Web Apps are experiences that combine the best of the web and the best of apps. They are useful to users from the very first visit in a browser…

https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp

PWAs are coming to iOS 11.3: Cupertino, we have a problem

By @Maximiliano Firtman

Building a Progressive Web App in React

By @Stelios Constantinides

In case you haven’t heard, Progressive Web Apps (PWAs) are finally ready for prime time. It might not yet be obvious to many people how to install a PWA…

Retrofit Your Website as a Progressive Web App

This article on retrofitting your website as a progressive web app is included in our anthology, Modern JavaScript. If you want everything in one place…

https://www.sitepoint.com/retrofit-your-website-as-a-progressive-web-app

Progressive Web Apps Development: Features, Possibilities, and Perspectives for Your Business

By @Tecsynt Solutions

Loading speed, usability, readability — all of these factors are important for the UX of your website. But would it be enough for the modern web user?…

What is a PWA and why should you care?

By @Mahesh Haldar

components are building blocks, you are the architect. Build amazing apps faster with your team. It’s fee and open source, try it today. In the last few…

Few Tips That Will Make Your PWA on iOS Feel Like Native

On 30th of March long awaited iOS 11.3 update was released, with support for basic PWA features on iPhones and iPads — service workers and app manifest…

Progressive Web Apps 101: the What, Why and How

By @Shruti Kapoor

What is a Progressive Web App? Why do we need one? How…

A one year PWA retrospective

By @Zack Argyle

Zack Argyle | Engineering manager, Core Experience

Building PWAs with Vue.js

Looking to get started developing Progressive Web Apps with Vue.js? Learn how to easily get PWAs built quickly using Vue. If you’ve spent any time at…

How you can make a progressive web app in an hour

In this quick tutorial, I’ll show you how to add your HTML, Javascript, and styling to this template to create an app that works online, offline, in a…

Progressive Web Apps coming to all Chrome platforms

By @Kenneth Christiansen

Progressive Web Apps — The Next Step in Web App Development

By @GeekyAnts

A Companion Post to Neeraj Singh’s talk at…

Native And PWA: Choices, Not Challengers!

One area where the web has historically come up short, however, has been in the realm of performance. Installed software is able to tie into the underlying…

https://www.smashingmagazine.com/2018/02/native-and-pwa-choices-not-challengers

Testing A Progressive Web Application With LambdaTest

By @Sarah Elson

Add to Home Screen

Add to Home Screen, sometimes referred to as the web app install prompt makes it easy for users to install your Progressive Web App on their mobile or…

Announcing the Ionic PWA Toolkit Beta

By @Justin Willis

As many of you know, we’ve been working incredibly hard to make Ionic a great option for building Progressive Web Apps, and today I’m happy to announce…

Progressive Web Apps (PWA): What they are, and what they mean for Microsoft

Over the last year, the discussion around Progressive Web Apps (PWAs) has grown in the tech media as more browsers began to adopt support.

https://www.windowscentral.com/what-are-progressive-web-apps-video

Building the Progressive Web App OS

By @Max Lynch

At Ionic, we’re incredibly bullish on the future of the web on mobile: Progressive Web Apps (PWAs). In this future, web developers are building quality…

Service workers: the little heroes behind Progressive Web Apps

By @Flavio Copes

A Progressive Web App Might Be Right for Your Brand

Mobile web or mobile app? The debate has raged for years. Now, there’s an emerging solution that takes advantage of the strengths of both to create a better…

https://www.thinkwithgoogle.com/marketing-resources/experience-design/progressive-web-apps-benefit-brands

PWA starter kit: build fast, scalable, modern apps with Web Components (Google I/O ‘18)

Web Components are encapsulated, re-usable elements using just the web platform. But these APIs don’t say much about how to turn components into fast and…

https://www.youtube.com/watch?v=we3lLo-UFtk

Progressive Web Apps: Bridging the gap between web and mobile apps

By @Ajay NS

First Windows 10 Progressive Web Apps (PWA) published by Microsoft hit the Store

The first grouping of Microsoft-published and approved Progressive Web Apps (PWA) are now live in the Microsoft Store for those on Windows 10 build 1803…

2018 State of Progressive Web Apps

By @Ciprian BORODESCU

As we look deep into 2018, one of the questions on every Web developer’s mind ought to be, “What…

Server-side rendering your React app in three simple steps

By @Rohit kumar

How to build an A+ Progressive Web App with React

By @Dave Hudson

There is currently a lot of excitement about Progressive Web Apps (PWA) as browser vendors (including Safari) are adding Service Workers and other progressive…

4 Things Every Progressive Web App Must Have

A Progressive Web App (PWA) is a web app that uses modern web capabilities to deliver an app-like experience to users. It looks and behaves as if it is…

Add Auth to Your PWA Using Stencil and Okta

Progressive Web Applications (PWAs) are the newest technology on the web dev block and they’ve arrived just in time to solve a growing problem. Many companies…

https://scotch.io/tutorials/add-auth-to-your-pwa-using-stencil-and-okta

What Are Progressive Web Apps and How Do I Install One?

Apps dominate your phone 10 Android Apps That Will Make Your Life Much Easier 10 Android Apps That Will Make Your Life Much Easier Life is complicated…

https://www.makeuseof.com/tag/progressive-web-apps

Progressive Web Apps (PWA) — The Complete Guide

Progressive Web Apps (PWA) are the next big thing in web development as they bring mobile-app-like experiences to your users without requiring them to…

https://www.udemy.com/progressive-web-app-pwa-the-complete-guide

Progressive Web Apps — PWA Roadshow

Progressive Web Apps, or PWAs, are experiences that combine the best of the web and the best of apps. They load quickly, help you re-engage with users…

https://www.youtube.com/watch?v=z2JgN6Ae-Bo

Building WebApp for the future

By @Lusan Das

Ever since the inception of Progressive Web App (PWA), I was obsessed with building a super fast webapp, after few months of rigorous development we launched…

Build a Progressive Web App using React

Progressive Web App with React! When I read this I thought, why not build one ourselves. If you are familiar with React and a bit about its ecosystem such…

Progressive web apps(PWAs) are coming to a Safari near you

By @Prathik S Shetty

Planning To Move Your App To A PWA: All You Need To Know

By @Sarah Elson

Turning a ASP.NET Core website into a Progressive Web App (PWA)

Progressive Web Apps (PWA) is a principle covering quite a lot of different web requirements, but what they all have in common are that they better the…

https://blog.elmah.io/turning-an-aspnet-core-website-into-a-progressive-web-app-pwa

Learn Service Workers inside and Out with a New PWA Mastery Game

By @serviceworkies.com

What is a Progressive Web App

Progressive Web Apps (PWA) are the latest trend of mobile application development using web technologies, at the time of writing (early 2018) only applicable…

Why we choose Vue.js over React for Vue Storefront

By @Piotr Karwatka

As Vue Storefront is getting it’s momentum, first production grade deployments are live quite often I hear the questions: OK, so why the heck you’ve chosen…

Creating a Progressive Web App with a Headless CMS — Part 3

By @Bryan Soltis

How Modern E-Commerce Websites Are Built?

By @Sarah Elson

In a world bent on digitizing all the aspects of Modern life, emergence of e-commerce…

Get started with Progressive Web Apps

Progressive Web Apps (PWAs) are simply web apps that are progressively enhanced with native app-like features on supporting platforms and browser engines…

https://docs.microsoft.com/en-us/microsoft-edge/progressive-web-apps/get-started

From a simple SPA to a multi-functional PWA. Smart way to “minimum Full Stack”.

By @Aleksey Azarov

PWA on desktop

Last week I twittered a poll asking which browser will be the first to bring full support for Progressive Web Apps (PWA) to desktop. Here are the results…

How to tune up your Progressive Web App to get a perfect audit score

By @Ondrej Chrastina

Every project a Progressive Web App

Progressive Web Apps (PWAs) are arguably the biggest thing in web development since media queries. We experimented with PWAs throughout 2016 and it was…

Creating a Progressive Web App with a Headless CMS — Part 2

By @Bryan Soltis

Hey, welcome back! In Part 1 of this series, I introduced you to the Progressive Web App (PWA). I covered what they are, how they function, and how a headless…

PWA vs Hybrid App vs Native: Choosing the Right Mobile App

By @Priyesh Patel

Building a Native App? PWA? Hybrid App…

Progressive Web Application: Statistics- Infographic

By @Sarah Elson

Building a progressive web app (PWA): No React, no Angular, no Vue

By @Florian Rappl

How to create a progressive web app featuring Angular and headless CMS

By @Ondrej Chrastina

Building a Progressive Quiz App with Vue, Vuex, and Firestore: Part 1

By @Amenallah Hsoumi

Progressive Web Apps 102: Building a Progressive Web App from scratch

By @Shruti Kapoor

How to get a 100% Lighthouse score with NextJS

By @Riccardo Canella

Today we will talk about how to get 100% on all four categories of Lightouse:

Progressive Web Apps for Angular 6 and beyond

By @Alain Chautard

Progressive Web Apps is a name given to a set of new W3C standards that allow…

Creating a Progressive Web App with a Headless CMS — Part 1

By @Bryan Soltis

14 Ways to Take UX to the Next Level for Progressive Web Apps

By @Sophia Brooke

Designing Native-Like Progressive Web Apps For iOS

By @Appscope

SPA, PWA, Electron and Cordova with Quasar in Six Minutes

By @medium.com

Progressive Web-First Apps

By @Dion Almaer

You have a cool idea, and you don’t think “there is an app for that” yet.Do you build an iOS version? We think there is a better way.

A 5 minute intro to Workbox 3.0

By @Jad Joubran

Workbox is a collection of JavaScript libraries that help you with service worker related…

Progressive Web Apps — What Are They and Why Should You Use Them?

By @Beth Barnes

Strategies for Service Worker Caching for Progressive Web Apps

By @Praveen Durairaj

Service worker caching strategies…

Laravel PWA (from webpack.mix.js)

By @Kristi Tanellari

Today i will be showing you how to make a laravel project a fully working progressive web app.This…

Progressive Web App Splash Screens

By @Dave Hudson

Progressive Web Apps (PWA) are starting to pick up a lot of momentum and for good reason. When developing my first PWA supporting cross platform splash…

Introducing the HNPWA API

By @David East

Delivering Hacker News JSON data faster than before.

Turn your Vue Web App into a PWA!

By @Rajat S

How to convert your Vue Web App into a Progressive Web Application…

PWA: The Future of Mobile and Web Development

By @Nicholas Lewanowicz

Over the last 5 years the web has been evolving at break neck speed to catch up…

How to build a PWA with Create-React-App and custom service workers

By @Zaid Humayun

Convert Django Website to a Progressive Web App [Part 1/2]

By @Kiran Kumbhar

In this article, we are going to add offline support to Django website using service workers and convert it to an awesome progressive web app.

Seriously, though. What is a progressive web app?

By @Amberley Romo

Progressive web app structure

Now we know the theory behind PWAs, let’s look at the recommended structure of an actual app. We will start with analyzing the js13kPWA application, why…

The JAMstack: It’s Pretty Sweet

By @Astasia Myers

The JAMstack represents a major trend in web development. Coined by Mathias Biilmann, the CEO of…

Progressive Web Apps: Unifying mobile and web development

By @Sumit Sourav

PWA Coming to Chrome for Desktop

By @browsernative.com

https://browsernative.com/pwa-chrome-desktop-install-3681

Turn your Angular App into a PWA in 4 Easy Steps

By @Etienne Talbot

Native, React-native or PWA, what should I choose?!

By @Jérémie Drouet

The Magic Behind Service Workers

By @Maciej Matuszewski

Learning how to read the Specifications for Service Workers to…

Turning an Angular 6 app into a Progressive Web App

By @Yassine Benabbas

Progressive Web Apps — The Future of Mobile Web App Development

By @Goldy Benedict Macquin

How to send notifications to your Web App using Python

By @Lucas Hild

Vue Storefront 1.0RC has been released!

By @Piotr Karwatka

This is great news for the project and the whole community around it. We’ve just published…

4 Creative Service Worker Use Cases

By @Maciej Matuszewski

Service worker, a new member of javascript workers family, is getting more and more attention…

Show HN: Trends — A GitHub trending PWA

By @news.ycombinator.com

Over the past few weeks I’ve been working on a small application to view trending repos on GitHub. I built the PWA[1] with React, Next.js and GraphQL…

Building a PWA with Angular 6

By @José Antonio Ruiz Santiago

Everyone is talking about progressive web apps at this moment, I bet that you probably have heard something…

Service Workers! Your first step towards Progressive Web Apps (PWA)

By @Uday Hiwarale

In my previous blog…

AMP: The web’s first steps into the Performance Age

By @Mitch Lenton

We are witnessing an evolution of the mobile web…

Is there a cold war between Android and Chrome because of PWAs?

By @Maximiliano Firtman

Fostering a Web Performance Culture

By @José M. Pérez

Web Performance is not only about understanding what makes a site fast. It’s about creating awareness amongst both developers and non-developers. Performance…

Designing a progressive web app

By @Mustafa Kurtuldu

This article covers the process and the lessons learned when designing…

PWAs FTW — Pt. 1

By @Omer Goldberg

Progressive Web Apps (PWAs) FTW — Pt. 1

What is a Service Worker?

By @Nicholas Lewanowicz

If you read my first article talking about PWAs, you know I mentioned that a core pillar of PWAs is the…

Progressive Web Apps Are Here. Now What?

By @wolfpack-digital.com

https://wolfpack-digital.com/blogposts/progressive-web-apps-are-here-now-what

Improve Google Maps performance in your PWA

By @Lorenzo Zaccagnini

Recently I became a mentor for Udacity, I want to thank all the Udacious students…

Behind the scenes: Preact Gallery

By @Colin van Eenige

Creating fast and engaging mobile web experiences has been one of my biggest challenges since…

How to Build a PWA, an iOS App, and an Android App — From One Codebase

By @TJ VanToll

In this article I’ll show you code sharing with NativeScript and Angular works. You’ll learn the steps you’ll need to take to build for all three platforms…

https://www.nativescript.org/blog/how-to-build-a-pwa-an-ios-app-and-an-android-app-from-one-codebase

How to build a custom PWA with Workbox in create-react-app

By @Zaid Humayun

PWA: Progressive Web All-the-things

By @Paul Kinlan

https://paul.kinlan.me/pwa-progressive-web-all-the-things

PWA: Create a “New Update Available” Notification using Service Workers

By @zwacky

What are PWAs ? Build one in 15 minutes !

By @John Ayeni

Progressive Web Apps: Core Features, Architecture, Pros and Cons

By @AltexSoft Inc

Twitter Lite and High Performance React Progressive Web Apps at Scale

By @Paul Armstrong

How to use IndexDB to build Progressive Web Apps

By @Uday Hiwarale

In this previous post, I talked about implementation…

The PRPL Pattern for Progressive Web Applications using Angular 6+

By @Vlado Tesanovic

How to Create a PWA Game using Preact in 5 steps (Tutorial)

By @Seif Ghezala

Chrome’s Service Workers Break HTTP/2 Priorities

By @Erik Witt

You shouldn’t use Chrome’s PWACompat library in your Progressive Web Apps

By @Maximiliano Firtman

The different shades of Progressive Web Apps

By @José M. Pérez

Implementing a PWA or adapting an existing site to…

Transforming the mobile-web experience with a PWA

By @Aprajit Kar

Progressive Web Apps — The Next Step in Web App Development

Develop W3C Web Components with WebAssembly

By @nicole

WebAssembly and Web Components are two emerging standards that have a big chance of significantly influencing the future of web as a platform. And the…

Building a Seamless Image and Video Experience for the Web

By @Gaurav Lahoti

Must use tools to build better Progressive Web Apps

By @Suresh Kumar

Recent browser enhancements like service workers, caching brought a new dimension to building apps with html and javascript called Progressive web apps…

These 5 Tips Will Change The Way You Build React Apps

By @Mackenzie Kieran

Best practices for building high-performance…

Background Fetch API: Get Ready To Use It!

By @Maxim Salnikov

I had a section with the explainer of Background Fetch API in many of my PWA…

Real-time CRUD guide: Front end (part 1)

By @Jonathan Gros-Dubois

For this guide, we will be using https://github.com/SocketCluster/sc-crud-sample to go…

Cache Recipes

By @Ritik Rishu

CacheStorage API allows you to save data securely in form of request-response pairs. It is the…

Service Worker API now available in Safari for iOS 11.3 beta 2

Yahoo.com PWA, Part 1: Introduction

By @Pavan Ratnakar

JSGuru Talk IT — Why Your Business Needs a Progressive Web App

Service Worker Caching Strategies Based on Request Types

By @Thomas Steiner

How we turned our legacy system into a Progressive Web App (PWA)

By @Paulo Virote de Souza

A complete how-to on going from a legacy system to a cutting edge Progressive Web App

What We Learnt from Code Sharing Between React and React Native

By @Robert Vogt

Almost a year ago we talked to a client about building a Social Community platform fitting their intranet. They also had an existing, internal mobile app…

Could PWAs be the face of SMBs and Start-ups?

By @Sumit Sourav

PWA from scratch guide (yet another one)

By @Yassine Benabbas

Welcome to my guide for creating a PWA (progressive web app) from scratch. I hope that it…

Progressive Web Apps, Artificial Intelligence, the next App Boom

By @Agustinus Theodorus

Progressive Web App using Angular 5

By @Suhel Khan

Angular 5 released the support of the service worker by which we can achieve the Progressing Web…

Progressive Web App strategies — Strangler Pattern

By @Piotr Karwatka

Here’s the first post in the serie showing how Progressive Web Apps and microservices architecture can be introduced to your existing applications.

PWA / Progressive Web Apps

By @Smazee

Even though we are technologically advanced upto 5G or Li-Fi , many are still loading website with low speed internet access.This becomes a problem to…

How to make sure your Progressive Web App keeps its Lighthouse audit score

By @Ondrej Chrastina

Real World App — Part 21: Service Workers (PWA) with Angular

By @Akshay Nihalaney

Service workers in Progressive Web Apps (PWA) with Angular

Progressive Web Apps in the HTTP Archive

By @Thomas Steiner

Thomas Steiner, Google Hamburg, Germany

Magic Mix of React Web App and Push Notification using FCM

By @Akshay Satheesh

Service Workers

By @Ankita Masand

On my train journey way back home, I was amazed over the number of apps I have in my phone and that, I’ve different apps to serve…

Progressive Web Apps Are here. Now what?

By @Wolfpack Digital

When native apps first came to the market, people couldn’t…

Offline Web Apps: Using Local Storage and Service Workers.

By @Onejohi

Why Progressive Web Apps

By @Vivek Madurai

This article is in continuation with my previous article on Mobile Web vs Native App, its very clear that mobile web get more number of new visits when…

A brief analysis of the CSS for Twitter’s PWA vs. Twitter’s legacy website

By @twitter.com

Progressive Web Applications(PWA)

By @Hamza Murtaza

Progressive Web Applications are encounters that consolidate the best of the web and the best of applications. They are helpful to users from the very…

Implementing push notifications with Create React App

By @Vikram Thyagarajan

One of the benefits of CRA and React is the speed/performance it provides. One of the greatest ways it does so is using Service Workers to cache all static…

Building Tinder Online

By @Roderick Hsiao

Tinder — One of the most popular online dating service, is now available on the web platform worldwide.

Serverless Progressive Web Apps Using React with Cloudflare Workers

By @blog.cloudflare.com

https://blog.cloudflare.com/serverless-pwa-react-cloudflare-workers

Getting the whole picture on Progressive Web Apps

By @Dragoş Filipovici

Following a few years of steady and relatively silent growth, one of the multitude of promising web technologies has really started taking off.

PWA on Windows. Part 1: Publishing Your App As Is

By @Alan Mendelevich

Improve your cache using the hated IndexedDB

By @Riccardo Canella

Image that you want to manage a Twitter-like timeline using a socket connection in…

Introducing I/O Extended 2018 Kuala Lumpur Progressive Web App

By @Henry Lim

Adding Custom iOS Splash Screens To Your Progressive Web App

By @Appscope

Making Your App Awesome When the Network Isn’t (Part 2)

By @Teri Chadbourne

A beginner’s guide to ensuring quick page…

Web Push Notifications with Service Workers

By @Mustafa Arikan

We are as web developers, on the golden age of our history. Web technologies are evolving very fast and browsers release a new feature every single day…

Tips For Testing A Progressive Web Application

By @Sarah Elson

The advancements in technology have paved the path for better user experiences…

Progressive Web Apps: What you need to know

By @Bryan Hill

My first DevComo Meetup topic, “Progressive Web Apps and Web Assembly.” Initially, I…

Why we need Progressive Web App?

By @Webtoall

“Web Applications are not just designed with creativity; they are created with technology”

Created a local weather Progressive Web App that works offline and on any device with modern browser. Built with Vue.js.

https://jimmerioles.github.io/progressive-weather-app

5 reasons your site is not a PWA

By @blog.filestack.com

https://blog.filestack.com/thoughts-and-knowledge/5-reasons-progressive-web-app

Reduce rebuild time of WebPack by approx 300% — React PWA — PawJS

By @reactpwa.com

https://www.reactpwa.com/blog/2018/08/16/improve-build-performance-with-hardsource-webpack-plugin.html

Zero to 15 — Building a Nothing PWA in 15 mins

By @Henry Lim

Learn how I build a “Nothing” Progressive Web App in 15 minutes

Why Your Business Needs a Progressive Web App — Blog

https://jsguru.io/blog/Why-Your-Business-Needs-a-Progressive-Web-App

Service Workers & Angular

By @Martin Jakubik

Everything I know about Service Workers in Angular applications and how to…

I built this simple to-do PWA with Angular. No privacy concerns, data stores in your device only.

https://daily.redelegant.com

What is a Service Worker?

By @Ceyhun Keklik

Service Worker is a script that works on browser background without user interaction independently. Also, It…

Integrating Firebase with a Stencil Built PWA

By @Andrew Cole

Some apps rely solely on local data to provide a great…

Using Workbox with Create React App (Without Ejecting)

By @Kevin Hernandez

I wrote about my experience building a PWA for an arts and music festival

https://teacups.io/come-into-my-web

[PWA Series] Service workers Cookbook — Part 1

By @Neha Sharma

This is the 2nd article of the PWA series. In the first article we saw how you…

What are the benefits of progressive web apps?

By @Dmitry Chekalin

Benefits of Progressive Web Apps: Forbes, Flipkart and others taking the high road

By @Sumit Sourav

Build an E-Commerce Progressive Web App with GatsbyJS

By @Jean-Sébastien Tremblay

How our site’s download size went from 13.5Mb to 270Kb

By @Gavyn McKenzie

We rewrote our site after 5 years… A lot has…

3 strategies to drastically improve performance in your web app

By @Marx Low

Don’t miss any important PWA development related news :
👉 https://mobilehackers.io/news?tag=pwa

--

--