Que fait registerServiceWorker dans React JS?

Question

Je suis un débutant dans React et je me demandais quel était l'objectif de registerServiceWorker () dans le code suivant?

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

Le technicien de service est une API Web qui vous aide à mettre en cache vos ressources et autres fichiers. Ainsi, lorsque l'utilisateur est hors ligne ou sur un réseau lent, il peut toujours voir les résultats à l'écran, ce qui vous permet de créer une meilleure expérience utilisateur. , c’est ce que vous devez savoir sur le travailleur de service pour le moment. Il s’agit d’ajouter des fonctionnalités hors connexion à votre site.

React crée un service worker pour vous sans votre configuration par défaut. Pour apprendre plus;

• Service Workers, MDN
• Service Workers, Google Web Fundamentals
• Site hors ligne simple utilisant service worker, astuces CSS
• Travailleur de serveur: Une étude de cas, Smashing Magazine

Answer 2

Le technicien de service doit utiliser les données du site Web hors ligne au cas où il n'y aurait pas de réseau, ce serait comme créer un PWA. Reportez-vous à ce lien PWA pour en savoir plus sur l'implémentation et sur l'utilisation de registerServiceWorker ().