registerServiceWorker在React JS中做了什么？

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

服务工作者是一个Web API，可以帮助您缓存资产和其他文件，这样当用户离线或在慢速网络上时，他/她仍然可以在屏幕上看到结果，因此，它可以帮助您构建更好的用户体验，这就是你现在应该了解的服务工作者。这一切都与为您的网站添加离线功能有关。

默认情况下，React会为您创建一个服务工作者而不进行配置。了解更多;

• 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

服务工作者是在没有网络的情况下离线使用网站数据，就像制作PWA一样。请参阅此链接PWA以了解有关实现以及如何使用registerServiceWorker（）的更多信息。