次の時代のCSS in JSはWeb Componentsを従える

CSS in JSはJavaScriptのコード中にCSSを書くプログラミング手法で、styled-componentsなどがメジャーどころです。現代的な開発では、ReactやVueといったフロントエンド用のViewライブラリを使う際にCSS in JSのお世話になることがよくあります。 この記事では、次の時代のCSS in JSはWeb Componentsベースのものになるのではないかという話をします。 Web Componentsの復習 Web ComponentsはいくつかのWeb標準の総称であり、特に重要なのはCustom ElementsやShadow DOMです。いずれも、V1と呼ばれる仕様は全てのモダンブラウザでサポートされています（Safariが一歩遅れていて少し心配ですが）。 https://caniuse.com/custom-elementsv1 https://c

[teramako]

次にお前は「CSSを外部ファイル化してビューとロジックを分けたい！」と言う。

[t2wave]

CSS in JSの文脈でreact-styled-componentsよりshadowDOMが優れている説明

[igrep]

Shadow DOMもう結構普及してるんだなぁ

[takyam1213]

Vueはこの辺で悩まなくていいしTailwindCSS使えるならReactでも悩まなくていいと思ってる。そんなにわ。

[toshi-toma]

「