PandaCSSでつくる 型で守られたスタイリング基盤

〜TypeScript × デザインシステム管理の実践アーキテクチャ〜

型定義を活かした安全で効率的なスタイリングは、開発体験を左右する重要な鍵となります。
「PandaCSS」は、型安全なAPIと柔軟なデザイントークン管理を備えることで、ビルド時のエラー検出からレイアウト崩れの防止までを強力にサポートするCSS-in-JSライブラリです。TypeScriptとの組み合わせにより、カラーやタイポグラフィなどのデザイントークンをコード全体で一貫して扱えるため、デザインシステムを踏まえたスタイリング基盤の構築を容易に実現できます。
本セッションでは、アジャイルエフェクトチームがプロダクト開発にPandaCSSを導入、1年間運用して得た知見をご紹介します。

Transcript