React JS 中的 registerServiceWorker 做了什么？

Question

我是 React 的新手，我想知道以下代码中 registerServiceWorker() 的用途是什么？

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

Answer 1

Service Worker 是一个网络 API，可以帮助您缓存您的资产和其他文件，这样当用户离线或网络速度较慢时，he/she 仍然可以在屏幕上看到结果，因此，它可以帮助您构建更好的用户体验，这就是您现在应该了解的 Service Worker 知识。这一切都是为了向您的站点添加离线功能。

默认情况下，React 会在没有您的配置的情况下为您创建一个 service worker。了解更多;

• Service Workers, MDN
• Service Workers, Google Web Fundamentals
• Simple offline site using service worker, CSS Tricks
• Server worker: A case study, Smashing Magazine

Answer 2

service worker就是在没有网络的情况下离线使用网站数据，就像做PWA一样。请参阅此 link PWA 以了解有关实现以及如何使用 registerServiceWorker() 的更多信息。