背景新規で CSS in JS を利用するにあたり、Emotionを選定した。 個人的に選定理由をまとめておきたいので簡潔に書いていく。 CSS in JS ライブラリに求めている機能CSS in JS のライブラリとして必要とした機能は以下。 タグ付きテンプレートリテラル記法が使えることCSS の記法が使えるため既存実装(CSS ファイル)をそのまま生かしやすい オブジェクトスタイル記法だとプロパティ名をキャメルケースにする必要がある(e.g.: font-size → fontSize)CSS in JS に明るくないメンバーでもシンタックスが異なるという障壁がなく参入しやすいグローバルスタイルが定義できることCSS in JS ライブラリを選定するための条件選定条件としては以下。 ドキュメントが多いこと他社事例や著名な UI ライブラリが Emotion を採用している事例が多く観測
![[CSS in JS] Emotion の選定理由👩🎤](https://cdn-ak-scissors.b.st-hatena.com/image/square/6654881bfab1329d3ba8be96ebdabefd219d089c/height=288;version=1;width=512/https%3A%2F%2Fb.0218.jp%2Fimages%2Fogp%2F202207142324.png%3Fts%3Dda97f6f74610b550104067f7c73d18ddab9692d4)