React jsのサービスワーカーとは何ですか?質問する

React jsのサービスワーカーとは何ですか?質問する

React アプリを作成すると、デフォルトで Service Worker が呼び出されます。Service Worker が使用されるのはなぜですか? デフォルトで呼び出される理由は何ですか?

ベストアンサー1

アプリケーションにサービスワーカーが必要ない場合もあります。create-react-appでプロジェクトを作成している場合は、デフォルトで呼び出されます。

サービスワーカーについては、この記事それを要約すると

は、ブラウザがウェブページとは別にバックグラウンドで実行するスクリプトservice workerで、ウェブページやユーザーの操作を必要としない機能への扉を開きます。現在、 や などの機能がすでに含まれておりpush notifications、には などのbackground syncがあります。ability to intercept and handle network requestsprogrammatically managing a cache of responses

将来的には、サービスワーカーはperiodic syncや などの他の機能もサポートする可能性がありますgeofencing

これによればcreate-react-app への PR

Service workersは、create-react-app を通じて導入されますSWPrecacheWebpackPlugin

キャッシュ ファースト戦略でサーバー ワーカーを使用すると、ネットワークがナビゲーション要求を満たすためのボトルネックではなくなるため、パフォーマンス上の利点が得られます。ただし、これは、以前にキャッシュされたリソースがバックグラウンドで更新されるため、開発者 (およびユーザー) がページを「N+1」回訪問したときにのみ、展開された更新が表示されることを意味します。

新しいアプリでは、呼び出しはregister service workerデフォルトで有効になっていますが、いつでも削除して通常の動作に戻すことができます。

おすすめ記事