CSSフレームワークって便利？
さて、今回はCSSについての話よ、どのライブラリやフレームワークを使ったら苦労が少なくスタイリングができるのか考えるよ
VueだとScoped CSSを使ったことがあるわ
Reactだとstyled-jsxとかCSS Modulesというライブラリが一般的に広く使われているよ
上に上げた二つ以外のCSS in JSは概念がほぼ全て同じでタグ中だけでスコープを閉じるっていう考えだわ
CSS in JSのデメリットはScssが使えないこと、ただScssで出来ることはCSSだけで出来るから問題じゃないわ
確か可読性がなんとか終わるみたいなYoutubeで動画を見たことがあったような・・・
そのYoutubeの通りで書く人は気持ちよく書ける錯覚はあるけどあとから見る人、読まなければいけない人の負担がめちゃくちゃあるのね。保守性が低いってことね。
タグでスコープが決まっていたら使いまわせないものね
CSS Modules styled-jsx Vue.jsのScoped CSSはスコープがコンポーネント単位で決まってるからちょうどこのグラフで表すと平均値くらいに位置するかしら、もっと簡単だけど。
その3つはおすすめってこと？
変にオシャレ狙わないで王道でっていう、そういうこと