React: Building Progressive Web Apps (PWAs)

Description

In this course, you will learn:

• 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

Syllabus:

• Introduction
• Build a resilient progressive web app with React
• What you should know
   

1. What Are PWAs?

• What is a Progressive Web App?
• Why PWAs?
• Using the PWA checklist
   

2. Setup: Create React App

• Using create-react-app
• Create an app component
• Fetch data with React Hooks
• Install serve
• Run a build
   

3. PWA Tools

• Using Lighthouse
• Lighthouse metrics
• Register the service worker
• Going offline
   
• 4. Understanding PWA Features
• Understanding the PWA manifest
• Add a custom icon
• Change the name of the app
• Add PWA to Chrome
• Add PWA to iOS
• Deploy on Netlify
• Conclusion
•  

Show more