CSS から React コンポーネントを生成する MistCSS

CSS から React コンポーネントを生成する MistCSS 2024.03.23 MistCSS は CSS in JS になぞらえた JS from CSS というコンセプトで、CSS から React コンポーネントを生成するツールです。ピュアな CSS を記述できるので、学習コストが低い、パフォーマンスに影響がないといったメリットがあります。 昨今のフロントエンド開発では、CSS の手法が多様化しています。特に React での開発では以下のような手法があげられます。 グローバル CSS（エントリーポイントで 1 つの CSS ファイルを読み込む） CSS Modules CSS in JS Tailwind CSS CSS の手法に新たな選択肢が加わりました。それが MistCSS です。MistCSS は CSS in JS になぞらえた JS from CSS というコ

[otchy210]

この発想はおもろい。おもろいが、主に CSS を書くことを生業としている人々に React コンポーネントの知見があまりなく、主に JS/TS を書くことを生業としている人々に CSS 書かせる方が主流なので、普及するかは未知数。

[ultimatebreak]

変態的で面白い。しかしTailwindが流行ってるように、Reactを触ってる人は基本CSSを書きたくないのではないだろうか。自分の周りではバックエンド上がりの人が渋々Nextやってるケースが結構ある