今Reactを使うならピュアなCSSをサポートするUIフレームワークやライブラリを選定するのがマルそうと思った話

ARANK

最近個人開発でNext.jsの環境を立ち上げた際に、スタイリングをどうやってやろうかなと迷ったので初心に帰って最近のスタイリングについて調べ直してみました。結構面白かったので、記事にまとめることにしたので、よかったら読んでみてください。本記事では以下に触れます。React界隈におけるスタイリング方法の歴史的変遷なぜタイトル通りピュアなCSSをサポートする機構が良いと感じたかおすすめのスタイリング機構!執筆地点（2024/11/8）で考慮する、スタイリング以外に主に利用するフレームワーク・ライブラリは以下の通りです。この技術周辺に合うスタイリング方法を探した記事であるため、他の技術で探したら別の結論になる可能性があります。ご了承ください。React v18.3.1Next.js App Router v14.2.17（既にv15がリリースされていましたが、まだ15だとstorybookが動かず泣く泣くダウングレード）storybook v8.4.2（@storybook/nextjs）ざっと振り返るReactのスタイリング方法の歴史的変遷私が最終的にピュアCSSを推したいと思った理由をお話する前に、爆速で変わり続けるReactとともに、スタイリングはどう変遷していったのかをざっとまとめたいと思います。（こう…