YAPC::Hakodate 2024
トーク (20分)
一番良いデザインシステムを頼む - PandaCSSを利用したComponent Libraryの構築 -
けちょる
kechol
このトークでは、Zero-runtimeなCSS-in-JSライブラリである、PandaCSSを活用したデザインシステムの構築について話します。
Zero-runtimeの利点として、パフォーマンスの向上、バンドルサイズの削減などが挙げられます。最近の技術的潮流であるServer-side Renderingとも絡めつつ、そのパフォーマンス上の利点について解説します。
PandaCSSはまた、テーマ構築のためのスタイルのレイヤリングやパターン化の仕組みも提供します。こうした仕組みを用いて、独自のComponent Libraryを効率的に構築するための方法について、実際のプロジェクト事例を交えながら説明します。
未来のアプリケーション構築を長く支える、モダンなフロントエンドの基盤作りを進めていきたい方に有益な内容になれば幸いです。