ReactのコンポーネントのCSSをもっとスマートにしたいというのが発端です。 CSS-in-JSやCSS Moduleを使ってCSSを管理していると<style>...</style>がたくさんできてしまってスマートでない。 <実装前> そこで、<style>タグひとつにまとめる方法を考えてみました。 <実装後> スマートになっていい感じ。 方法 ReactのcomponentDidMountもしくはcomponentWillMountでCSSを生成し、それを<style></style>タグの中へ入れる。 import { h, Component } from 'preact'; import { Link } from 'preact-router/match'; import Client from '../../../functions/client/index'; impor