2023年のCSSは0ランタイムにしたい - console.lealog();

したいよね？ 事の経緯としては、 とある新規プロジェクトで、技術選定をすることに 開発の土台はViteで、フレームワークはJSXが使えるやつに決まった さてCSSはどうやって書こうかとなる あれこれ考えて、とある方法に決めた というのをまとめた、まあポエムの域を出ないメモです。 CSS ModulesやらTailwindやらCSS-in-JSやら手法はいろいろあれど、どれが今の推しかっていう。 求めるもの 個人的に、CSSつまりはブラウザで表示されるUIをスタイリングするためのツールセットに求めるもの。 0ランタイムである 最終的に`.css`ファイルとしてブラウザで読み込まれる なんでもJSにしない CSSの書き味を損なわない だいたいのCSSセレクタが問題・制約なく動作する マークアップ部と1ファイルにコロケーションできる HTMLとCSSは同居させたい 非同期にロードできる JSと同

[iww]

10年後のメンテナンスつらそう

[strawberryhunter]

作りっぱなしなら好きにすればいいけど、陳腐化と自分の中の忘却に耐えるには標準や素のCSSから乖離したものは避けるしかないと思ってる。

[stibbar]

https://techblog.zozo.com/entry/zozotown-css-in-js

[uehaj]

ここらへん含めて迷いたくないからtailwind

[habarhaba]

色々巡った結果、CSS Modulesが安牌と思っている

[dec123456789]

0ランタイムの意味がよくわからなかった。アウトプットがCSSであればインプットは何でもいいってこと？

[Pasta-K]

ふ〜む

[mizdra]

テンプレートリテラルで書ける zero-runtime な CSS-in-JS たしかに良さそう