[디자인 시스템 어떻게 만들었어요?(2)] Radix Primitives와 Panda CSS로 유연하고 단단한 컴포넌트 만들기

86
AI 요약

이 글은 AI가 원문을 분석하여 핵심 내용을 요약한 것입니다.

이 게시물은 Radix Primitives와 Panda CSS로 YDS v2 컴포넌트 라이브러리를 재구축한 경험을 공유.

Radix Primitives 도입

Radix에 접근성(WAI-ARIA), 키보드 내비게이션, 포커스 관리 등 복잡한 로직 위임하고 Open Component Architecture로 컴포넌트 확장성 확보.

Panda CSS 전환

styled-components의 런타임 오버헤드 제거, Zero-runtime CSS-in-TS 채택 및 토큰·프리셋 배포와 빌드 전략으로 다양한 소비 환경 지원

연관 게시글

[디자인 시스템 어떻게 만들었어요?(1)] 아이콘 라이브러리 만들기

[디자인 시스템 어떻게 만들었어요?(1)] 아이콘 라이브러리 만들기

요기요 요기요 •
128
[디자인 시스템 어떻게 만들었어요?(3)] Tree Shaking과 구형 브라우저 대응

[디자인 시스템 어떻게 만들었어요?(3)] Tree Shaking과 구형 브라우저 대응

요기요 요기요 •
81
“잘” 사용할 수 있는 디자인 시스템 컴포넌트 만들기

“잘” 사용할 수 있는 디자인 시스템 컴포넌트 만들기

모두싸인 모두싸인 •
27