将服务工作者添加到 reactjs 应用程序

adding service worker to reactjs app

我要创建一个小型单页 reactjs 应用程序,它从第 3 个 API 获取数据(假设是 youtube 视频,因此将显示这些内容)。所以我根本不需要任何后端,但我想先用服务工作者让它离线,所以如果没有连接它仍然会默认显示一些缓存数据。为此,我将使用服务工作者,但我真的不知道我是否必须添加任何其他库或者我可以立即使用它。

有人能告诉我实现这个离线优先的小型 React 应用程序的最佳方法是什么吗?

如果您正在寻找一个独立的起点,https://github.com/localnerve/react-pwa-reference 看起来很有希望。

如果您正在寻找可以从中汲取灵感的功能性网络应用程序,https://github.com/GoogleChrome/sw-precache/tree/master/app-shell-demo 可以从 iFixit API 获取信息,并且在概念上类似于网络应用程序从 YouTube API.

获取信息

(请注意,YouTube 嵌入式视频播放无法离线工作,即使使用服务人员也是如此。)