Progressive Web Applications

Articles & Tutorials

How to Build a PWA Storefront for Magento 2: a Detailed Guide for Pros (onilab.com)
Feb 01, 2021
In this ultimate guide, we’ll walk you through the process of Magento PWA theme development.
    ReactJS vs PWA Studio vs Third-Party Themes: Which to Use on Magento 2 (onilab.com)
    Aug 18, 2020
    On this page, you can get acquainted with the use of ReactJS in Magento, the ways that it can be implemented, as well as the advantages and disadvantages of the listed options.
    • Alex Husar
    • Andrew Berzhinskiy
    Create and Deploy Web Apps and PWAs with Expo (blog.expo.io)
    May 15, 2020
    In this article, we will explore all the steps from the creation of an Expo web project to its deployment on Netlify.
    • Mohamed aly sidibe
    From create-react-app to PWA (blog.logrocket.com)
    Jan 08, 2020
    Take your app from the console to the web to your users’ home screens.
    • John Reilly
    Progressive Web Apps in Ionic React (ionicframework.com)
    Nov 20, 2019
    I wanted to share my experience rebuilding a personal demo app that I have built in Angular (Star Track) and rebuild it in React. For this exercise, I’m going to focus on how I created a Progressive Web App (or PWA) with Ionic React. Let’s dive in!
    • Mike Hartington
    Creating a “Lists” PWA with React and Firebase (blog.logrocket.com)
    Oct 22, 2019
    In this tutorial, we’ll create a simple PWA built on React and Firebase. The app will display a list of ideas. We’ll be able to add and delete ideas to and from the list, and it will work offline as well.
    • Ovie Okeh
    Making Gatsby a PWA: Service Worker and Web App Manifest (alligator.io)
    Jul 18, 2019
    Progressive Web Apps (PWAs) allow developers to deliver an app-like experience to the user. Paired with the top-notch performance of Gatsby.js, and you get a blazing fast website.
    • Juan Villela
    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

    Move fast with confidence (youtube.com)
    May 28, 2019
    Tools and strategies for growing your state-of-the-art React PWA to a global scale.
    • Paul Armstrong
    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.