React: Building Progressive Web Apps (PWAs)

Learn to use React to create progressive web applications that combine features for offline use and network resilience.

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

• Next steps