React用CSS-in-JSフレームワークの最新版となる「xstyled 2.0.0」が、1月4日にリリースされた。
CSS-in-JSは、JavaScriptによるCSSの記述を可能にする機能で、CSS-in-JSを利用することでクラス名が自動生成されるため、他のライブラリとの衝突を防止でき、スタイルがコンポーネントで直接定義されるので、メンテナンスが容易となる。また、コンポーネントは再利用が可能で、JavaScriptによってCSSを動的に利用できるようになる。
「xstyled 2.0.0」では、TypeScript準拠の型定義に対応したほか、CSS-in-JSライブラリを「Emotion v11」にアップデートした。ほかにも、SVGユーティリティをはじめとする各種ユーティリティの追加が行われている。
なお、「xstyled 2.0.0」では「Emotion v10」がサポート対象外になったほか、spaceおよびbreakpointsのデフォルトからの削除、breakpointsテーマセクション名のscreensへの変更、variantユーティリティの削除をはじめとする、いくつかの重大な変更が行われた。
- 関連リンク
この記事は参考になりましたか？
- この記事の著者
-
CodeZine編集部（コードジンヘンシュウブ）
CodeZineは、株式会社翔泳社が運営する開発者のための情報メディアです。日々の開発に取り組むエンジニアやテクノロジーを学びたい方に向けて、プログラミングやAI活用、開発ツール、エンジニアの学びとキャリアに関する記事をお届けしています。
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
この記事は参考になりましたか？
この記事をシェア
