SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

CodeZineニュース

React用CSS-in-JSフレームワーク「xstyled 2.0.0」がリリース

  • X ポスト
  • このエントリーをはてなブックマークに追加

  • X ポスト
  • このエントリーをはてなブックマークに追加

 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ユーティリティの削除をはじめとする、いくつかの重大な変更が行われた。

関連リンク

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
この記事の著者

CodeZine編集部(コードジンヘンシュウブ)

CodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/13452 2021/01/12 08:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング