Progressive Web Applications

Articles & Tutorials

Creating a Simple Text Editor Progressive Web App with React (jamiemaison.com)
Feb 22, 2019
In 2019 Progressive Web Apps are going to be much hyped and there's no better time to start exploring the benefits. In this tutorial i'll take you step by step through creating a simple Text Editor PWA using React so you can code your own!
  • Jamie Maison
Build Progressive Web Apps with React — Part 2 (blog.bitsrc.io)
Feb 21, 2019
Picking up from my previous post, in this post I will show you how to complete the process of converting a regular react web application into a progressive web app.
  • Rajat Saxena
Build Progressive Web Apps with React — Part 1 (blog.bitsrc.io)
Jan 29, 2019
How to transform a React application into a progressive web application with great performance — deep tutorial
  • Rajat Saxena
How to build a custom PWA with Workbox in create-react-app (medium.freecodecamp.org)
Sep 19, 2018
In this follow up post, I’m going to take you through how to build a custom Progressive Web App (PWA) using Google’s Workbox library without ejecting from the create-react-app (CRA) shell.
  • Zaid Humayun
How to build a PWA with Create-React-App and custom service workers (medium.freecodecamp.org)
Aug 08, 2018
I realised what a struggle it is to get a PWA with custom routes configured inside of a Create React App (CRA) build. Hopefully this helps out someone stuck in a similar position.
  • Zaid Humayun
Building a Progressive Web App in React (blog.truthlabs.com)
May 04, 2018
With Firebase’s new Firestore for offline support.
  • Stelios Constantinides
Build a Progressive Web App using React (itnext.io)
Feb 01, 2018
Progressive Web App with React! When I read this I thought, why not build one ourselves.
  • Aman Mittal
A React And Preact Progressive Web App Performance Case Study: Treebo (medium.com)
Sep 13, 2017
Treebo recently shipped a new Progressive Web App as their default mobile experience, initially using React and eventually switching to Preact in production.
  • Addy Osmani
  • Lakshya Ranganath
React Progressive Web Apps (medium.com)
Aug 13, 2017
Progressive Web Apps (PWA) are gaining a lot of popularity these day, and with one of the updates this year (2017), the Create React App creates your project by default as PWA.
  • Gethyl George Kurian
Build your first progressive web app with React (engineering.musefind.com)
Apr 25, 2017
Progressive Web Apps are the much-hyped future of the web. Let’s build one!
  • Scott Domes

Video Guides & Talks

Building Progressive Web Apps With React (youtube.com)
Jan 18, 2019
Come learn how to use your existing React knowledge to build the next generation of web applications.
  • Jonathan Mills
The making of Twitter Lite (youtube.com)
May 23, 2017
Twitter Lite is a complex PWA built with Node.js, React, Redux, Service Workers, and Webpack. This talk will cover how our team designs and builds one of the world’s most visited web apps. You’ll also hear about React Native for Web; how we approach network and render performance challenges; and how we use new web platform features.

Podcast Episodes

Progress with Houssein Djirdeh (reactpodcast.com)
May 02, 2019
On Progressive Web Apps and the Story of Building GitPoint with React Native
Progressive Web Applications feat. Eric Elliott (devchat.tv)
Dec 31, 2018
In today’s episode of the React Native Radio podcast, Nader Dabit speaks with Eric Elliott. Eric shares his experience with building Progressive Web Applications and the advantages of these types of applications. Eric explains the topics like Service Workers, Caching, Frameworks, and Compiling and much more.