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

时间:2016-07-21 14:49:26

标签: reactjs offline offline-caching service-worker

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

有人可以告诉我实施这个小型离线优先反应应用程序的最佳方法是什么?

1 个答案:

答案 0 :(得分:5)

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

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

(请注意,即使是服务工作人员,YouTube嵌入式视频播放也无法脱机工作。)