如何在 React 中实现 PWA，以便我的应用程序可以离线工作

Question

我正在考虑使用 React 将我的 Web 应用程序实现为 PWA。我要实现的主要功能是缓存从 API 获取的 JSON 数据，使其在离线模式下工作。但是，我不知道如何在 React 中编写 service worker。

Answer 1

你可以开始阅读官方文档here 并且你应该弄清楚你必须如何配置你的环境（webpack）。看不懂的可以看这篇中文here或者here。

你需要：

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

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

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