React.jsのコンポーネントに個別のCSSファイルを使用する理由

Question

私はWeb開発に不慣れで、現在React.jsを学習しています。 Reactでコンポーネントを作成し、スタイルを与える方法について学びました。

Reactコンポーネント用に個別のCSSファイルを作成すると、ブラウザは単一の大きなファイルではなく小さなサイズのCSSファイルをロードする必要があるため、アプリの読み込みが速くなりますか？

ReactがブラウザにCSSファイルをロードする方法、およびReactコンポーネントに個別のCSSファイルを使用する必要があるかどうかについて質問します。

Answer 1

CSSをコンポーネントに直接インポートできます。

例：インポート './style.css'

または styled-component ライブラリを使用してCSSを操作することもできます。