2022-05-19
2460
#netlify#react#typescript
John Reilly
12019
May 19, 2022 ⋅ 8 min read

Build a progressive web app (PWA) with React

John Reilly MacGyver turned Dev 🌻❤️ TypeScript / ts-loader / fork-ts-checker-webpack-plugin / DefinitelyTyped: The Movie

Recent posts:

Stagehand and Gemini logos on a gradient background symbolizing AI web automation

How to build a web-based AI agent with Stagehand and Gemini

This guide walks you through creating a web UI for an AI agent that browses, clicks, and extracts info from websites powered by Stagehand and Gemini.

Elijah Asaolu
Jul 4, 2025 ⋅ 8 min read
Getting Started With Claude 4 API: A Developer's Walkthrough

Getting started with Claude 4 API: A developer’s walkthrough

This guide explores how to use Anthropic’s Claude 4 models, including Opus 4 and Sonnet 4, to build AI-powered applications.

Andrew Baisden
Jul 3, 2025 ⋅ 16 min read
ai dev tool power rankings

AI dev tool power rankings & comparison [July 2025 edition]

Which AI frontend dev tool reigns supreme in July 2025? Check out our power rankings and use our interactive comparison tool to find out.

Chizaram Ken
Jul 2, 2025 ⋅ 3 min read
how API client automation can save you hours in development

How API client automation can save you hours in development

Learn how OpenAPI can automate API client generation to save time, reduce bugs, and streamline how your frontend app talks to backend APIs.

Lewis Cianci
Jul 1, 2025 ⋅ 7 min read
View all posts

7 Replies to "Build a progressive web app (PWA) with React"

  1. Great article to get started with PWA and being smart about breaking up code.

    Just wanted to point out something small that needs to be corrected in your article (where you break up the code in different chunks):

    It currently states:
    Note that we now have multiple *.chunk.js files: our initial main.*.chunk.js, then 3.*.chunk.js representing Home.tsx, and 4.*.chunk.js representing Home.tsx.

    As you can see you named them both Home.tsx instead of 1 About.tsx and 1 Home.tsx

  2. Two questions! So does create react totally handle what goes on in the service worker? I watched a tutorial where this logic was written manually, but it was not create react app.

    With a PWA is there any any difference in how we handle react state, for example the context api? Thank you.

  3. These days it is not necessary to write three different applications (web, ios, android).
    Take a look at react-native (ReactJS for IOs/Android) or Xamarin (C# for Android and IOS).
    But of course, a PWA nevertheless saves this effort independent from which second app you create.

Leave a Reply