ReactでCSS書くならどれ使う？

[@jinmurayama]

プログラミング勉強中です。全体の整理もわかりやすく、更にご意見も非常に勉強になりました！ありがとうございます。

[@山尾弘大]

こういった対談は凄く為になる。ありがとうございます。

[@マヨタラコ-i9v]

React初心者ですが、最初の疑問でまさにCSS何で書くか...とても参考になりました。Tailwind CSSは何か革新的な予感するものの、見た目が良くないなってまさに思ってました。

[@おさと-x5w]

tailwindの悩み、共感できます

[@田中です-m8d]

前はEmotion採用して書いてたりしてましたが、最近はTailwind一択ですねー。

[@MiyakawaTakeshi]

4年くらい前かな。ある会社の、プロジェクト横断で利用できる標準CSSライブラリを作る...という野望にチャレンジした経験があります。さまざまなCSSフレームワークを評価した末に、CSSクラスの「意味」と「表現」は分ちがたく結合するのであって、分離することはできない、という結論に達しました。TailwindCSSは不恰好だと思いつつ、あれが回答だよな、と感じましたね。

[@集中-l7m]

面白かったです。RSCの流れだとjavascriptの依存が多いようなComponent Libraryは難しくなってくる気もします。shadcn/uiみたいな方向性とか、思い切ってtailwind uiのライセンス購入するとかどうなんですかね。

[@moozaru]

Tailwind UIライセンスを購入して使ってます。ただ、ぶっちゃけHeadless UIに依存しているのでガチ使いし始めると似たような状況にはなりますねー。楽は楽ですが、コンポーネントが充実しているわけじゃないので、そこまで気軽にお薦めはできないかなと思ってます。

[@heporap]

このデザインに合わせて作ってください、というパターンと、プログラマーがデザインできる場合で使う方法は変わりますね。
セマンティックウェブが言われていた時代は機能名をclassにつけるというルール（注意を促すからattentionとつける）になっていましたが、今はそんな面倒なことやってられねーで、bootstrapやtailwindみたいにデザイン名をclassにつける（赤いボタンだからredとつける）と言うルールが一般化していると思います。

[@nthdthdyjsehsnw4ethwbt]

自分もネーミングセンス無いので、大体失敗してるんですが、
命名にchatGPT使うのコスト掛からず結構良い感じに付けてくれてる気がするんですが、エンジニア的には微妙な名前だなぁってなったりするんでしょうか？

[@とな-c1q]

わかりすぎてびっくりした

[@_GdayMate]

1年経った今だと vanilla extract なんかも選択肢になるかと思います

[@暇なカイ]

tailwind cssでradix uiとcvaを組み合わせてデザインシステム構築するのオヌヌメ。

[@user-xc8je]

panda.css一択ですねぇ

[@johonnyzese7983]

react使うならsass 一択😂

[@hy7207]

Sass 使えば一回デザインすれば再利用性は出るよね