8月1日、React向けの組み合わせ可能なCSSコンポーネントの作成について発表がありました。 React 18のリリースにより、サーバーコンポーネントが一般的になり、Reactアプリを作成するためのデフォルトの方法になりました。 [LogRocketのブログ](https://blog.logrocket.com/writing-composable-css-components-react/)で、ReactとCSSを組み合わせるための新たな選択肢 「CSS Components」に関する解説記事が公開されています。 本稿では、日本のエンジニア向けに記事を要約して紹介します。詳しくは原文を参照してください。 CSS Componentsは、ReactコンポーネントにCSSクラスの組み合わせを行うための小型(2.3Kb)なモダンユーティリティです。このユーティリティは、開発者エクスペリエン
![React 18で使える新たなCSSユーティリティ「CSS Components」が公開 ー React 18以降主流になりつつあるサーバーコンポーネントに対応、CSS-in-JSのDX課題を解決](https://cdn-ak-scissors.b.st-hatena.com/image/square/23ef8c0fa48637f9ae6cabf20b054c4ff564d008/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Ftechfeed%2Fimage%2Ffetch%2Fw_1200%2Ch_630%2Cc_fill%2Fhttp%253A%252F%252Fblog.logrocket.com%252Fwp-content%252Fuploads%252F2023%252F07%252FWriting-composable-CSS-components-React.png)