Menu

キーワード

  • React
  • style
  • js, javascript
  • css, cascading style sheets

何か

スタイルシートはcssに書く方が扱いやすくてよい。

なぜか

Reactではjsのオブジェクトとしてスタイルを定義してコンポーネントに付与することができる。コンポーネントに閉じてスタイルを定義できるメリットがあるものの、コンポーネントをまたいでスタイルを適用したいときに困る。その箇所をコンポーネントとして切り出すのが形としてはよいかもしれないが、あらゆる場面でそうしないといけないことが結構足かせになる。

実際のところ、管理側ページではスタイルをjsに、表側ページではスタイルをcssに書いて開発をしているが、表側ページの方がずっと取り扱いがよいと感じる。し、スタイルの適用がコンポーネントに閉じていないことも、BEMで名前づけさえ気をつけていれば困ることはない。

さらに、スタイルをcssに書いたところで、適度なコンポーネント化はしていける。ので、単純に扱いのよいcssの方がよいと感じる。

どのように

スタイルはcssに書く。この際、BEMで名前づけすることを徹底する。

jsにスタイルを書きたい都合はほとんど現れないように思う。

反省

やってみて感じたことなので仕方がない。

管理側と表側で別のやり方をしたのはある都合によるものだが、比較ができてよかった。

スポンサーリンク