개발도구 도구
shadcn-ui/cn
GIGitHub
Tailwind CSS 클래스 병합 및 충돌 해결을 위한 새로운 엔진 'cn'이 출시되었습니다. 기존의 `tailwind-merge`와 `clsx`를 대체하는 드롭인 리플레이서입니다.
세 줄 요약
- 최대 37배에 달하는 압도적인 성능 향상을 보여주며, 의존성이 없어 React, Vue 등 모든 프레임워크에서 사용할 수 있는 범용성을 갖췄습니다.
- 클래스 관리의 복잡성으로 인한 성능 병목 현상을 해결하고, 빠르고 안정적인 UI 컴포넌트 구축을 가능하게 하는 핵심 도구입니다.
- 사용 전 Tailwind CSS 버전을 확인해야 하며, 동적으로 생성되는 클래스명은 여전히 `--safelist` 설정을 통해 처리하는 것이 필요합니다.
Tailwind CSS 클래스 병합 및 충돌 해결을 위한 새로운 엔진 'cn'이 출시되었습니다. 기존의 `tailwind-merge`와 `clsx`를 대체하는 드롭인 리플레이서입니다.