React: Building Progressive Web Apps (PWAs)

React: Building Progressive Web Apps (PWAs)
React: Building Progressive Web Apps (PWAs)
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 0h 50m | 455 MB

Single-page applications may be smooth, quick, and effective—but they disappear when the network connection drops. Progressive web apps (PWAs) work offline, enhancing resilience and allowing developers create seamless user experiences that feel like native apps. Learn how to build your own PWAs using React, the flexible front-end framework, in this course with Eve Porcello. Eve explains how to build the PWA component, fetch data, use Lighthouse to validate your app, and add offline capabilities to keep your app running even when the internet is down. Plus, learn how to install your app locally with browsers like Chrome and Safari for iOS.

Topics include:

  • Creating a PWA component
  • Fetching data with React hooks
  • Running the build with npm scripts
  • Auditing your app with Lighthouse
  • Going offline
  • Installing the PWA with Chrome and Safari for iOS
  • Deploying your PWA on a hosting provider
Table of Contents

1 Build a resilient progressive web app with React
2 What you should know
3 What is a Progressive Web App
4 Why PWAs
5 Using the PWA checklist
6 Using create-react-app
7 Create an app component
8 Fetch data with React Hooks
9 Install serve
10 Run a build
11 Using Lighthouse
12 Lighthouse metrics
13 Register the service worker
14 Going offline
15 Understanding the PWA manifest
16 Add a custom icon
17 Change the name of the app
18 Add PWA to Chrome
19 Add PWA to iOS
20 Deploy on Netlify
21 Next steps