CSS-in-JS - Entropy

CSS-in-JS

名前の通り CSS を JavaScript 内に記述すること

メリット

コンポーネントに関連するスタイルを見つけるために、コードベースを検索する必要がない

スタイルは同じモジュール内、または他の依存関係のように import されるため

マークアップと同様にスタイルも、プロパティと状態に応じて生成される

単体テスト対象にできる

種類

Runtime CSS-in-JS

Zero-runtime CSS