ゼロランタイムCSSフレームワークについて解説しているスライド。
ランタイムCSS-in-JSでは実行時にパースしてDOM操作して… パフォーマンスが悪い！RSCで使えない！！
現代CSSフレームワークの仕組みは、大きく以下の３つに分類される。
- 静的解析系 (Kuma UIなど)
- VM実行系 (Vanilla Extractなど)
- 仕様ハック系 (CSS Hooksなど)
以上のような状況に対して、筆者としてはゼロランタイム系のCSSフレームワークのWyW-in-JSに注目しているという感じです。
特にRSCの登場以来ゼロランタイムが興隆してきましたが、まだ突出したものが表れていないですよね…
個人的には
- RSC使いたいならTailwind CSSかCSS Module
- RSC使わないなら上記2つに加え従来のCSS-in-JS の選択肢が無難かなと思っています
https://speakerdeck.com/poteboy/xian-dai-csshuremuwakunonei-bu-shi-zhuang-tosonoshi-zu-mi