サーバーサイド レンダリングを使用して React アプリのスタイルを設定するためのベスト プラクティスを探しています。
SASS などのプリプロセッサを使用したり、JSS や styled-components などの JS コード内にスタイリングを配置したりするなど、さまざまなオプションがあります。
JSS をいじってみると、スタイルが HTML 内の head セクションに配置されていることがわかります。次の例を使用して、動作を確認します。
https://github.com/cssinjs/examples/tree/gh-pages/react-ssr
ブラウザが CSS をキャッシュして head セクション内に配置するのを防ぎ、連続するページの読み込み時間を増加させませんか? ブラウザーがキャッシュできるように、JSS を使用して外部ファイルにスタイルを設定する方法はありますか?