はじめに 社内のプロジェクトでCSSinJSライブラ入りとしてemotionを導入したのでコーディングルールを考えてみました。 プロジェクトで使用する技術 package version next v11.1.2 typescript v4.4.3 @emotion/react v11.4.1 css関数を使ってスタイルを定義する emotionではstyle-componentと同様にスタイルを含むコンポーネントを作成するstyled関数と、コンポーネントと独立してスタイルを定義できるcss関数が用意されています。 css関数を使うことで従来のマークアップのようにHTMLとCSSを分別するこ…
github.com