使用 React 构建渐进式 Web 应用程序使用 React 构建渐进式 Web 应用程序

渐进式 Web 应用程序 (PWA) 是利用现代 Web 功能和特性来提供与本机移动应用程序相当的体验的 Web 应用程序。PWA 具有离线工作、推送通知、快速加载时间和可安装的主屏幕图标等优点。

在本文中，我们将逐步使用 React 从头开始​​构建 PWA。我们将实现离线支持、推送通知和应用程序安装等关键功能，将我们的 React Web 应用程序转变为功能齐全的 PWA。

先决条件
要学习本教程，您应该具备：

基本熟悉 React 概念，如组件、状态、道具、钩子等。
Node.js 和 npm 安装在您的开发计算机上
命令行界面的基本知识
这篇文章适合谁
本指南是为具有一定 React 和 JavaScript 经验的前端 Web 开发人员设计的。您可能希望将现有的 React 应用程序转变为 PWA，以提供更加原生和有弹性的用户体验。

最后，您将了解如何在 React 应用程序中实现 PWA 功能，例如离线支持、推送通知、应用程序清单等。

现在我们已经介绍了基础知识，让我们开始构建 React PWA！

设置我们的 React PWA
让我们首先使用 Create React App 引导我们的 React 项目。这将生成一个入门 React 项目，其中已经为我们配置了构建工具：

npx create