Tailwind CSS を使う時に一緒に入れたいライブラリ

Tailwind CSS はすべてをユティリティクラスで書くという特性上、HTML にはクラスがたくさん書かれることになります。1 つの要素に対してクラスがたくさん並んでいると、視覚的にどのようなスタイルが適用されているのかを把握するのが難しくなります。条件によってクラス名を付け替える処理を行っていると更に複雑になります。 <button className={` ${variant === "primary" && "border border-blue-500 bg-blue-500 text-white"} ${ variant === "secondary" && "border border-gray-500 bg-gray-500 text-white" } ${variant === "default" && "border border-gray-500 bg-white

[findup]

あれやこれやを組み合わせないと便利にならないの同じ所をグルグルしてる感ある。

[efcl]

Tailwind CSSの周辺ライブラリやツール

[mayumayu_nimolove]

astro使えや🤣

[mr_mayama]

もうライブラリ何も入れたくない

[Futaro99]

vue使えや

[ichi404]

classnamesはfalse吐いちゃうからclsx派かな

[tofu-kun]

とても参考になる。Tailwind CSSをガチ使いすると便利なものが多い。