CSS in JSとは、CSSをJavaScript上で設定するスタイリング手法です。

代表的なCSS in JSライブラリとして、styled-componentsやEmotionなどが挙げられます。

CSS in JSには以下のようなメリットがあります。

• CSSの影響がコンポーネントに閉じているため、命名規則等のCSS設計の必要性が低い
• JavaScriptを用いた動的なスタイリングができる
• 静的解析ツールにより、バグの発見・修正が楽になる
• コンポーネントとスタイルを同一ファイル上に記述することが可能であるため、扱いやすい