如何在React中实现PWA，以使我的应用程序可以离线运行

Question

我正在考虑使用React将Web应用程序实现为PWA。我要实现的主要功能是缓存从API提取的JSON数据，使其可以在脱机模式下工作。但是，我不知道如何在React中对服务工作者进行编码。

Answer 1

您可以开始阅读官方文档here，并且应该弄清楚如何配置环境（webpack）。如果您听不懂，则应该阅读这篇中等文章here或here。

您需要：

1. 创建文件manifest.json或generate it。
2. 在标题部分绑定manifest.json：

<link rel="manifest" href="%PUBLIC_URL%/manifest.json">

1. 创建文件registerServiceWorker.js，您可以找到帮助here
2. 编写您的React App。
3. 选择一种离线策略来存储数据（例如，您可以使用redux offline或redux persist）。