데브허브 | DEVHUB | Basecoat: Finally A Way To Use Shadcn WITHOUT React?Basecoat: Finally A Way To Use Shadcn WITHOUT React?
- Basecoat은 React 없이 Shadcn UI 스타일의 아코디언, 드롭다운, 모달 등 다양한 컴포넌트를 제공합니다. 🚫⚛️
- Rails, Laravel, Django, 또는 순수 HTML 등 모든 웹 프레임워크와 호환됩니다. 🌐
- Bootstrap처럼 순수 CSS 클래스를 사용하여 전문적이고 접근성 높은 UI를 구축할 수 있으며, 다크 모드를 지원합니다. 🎨
- Tailwind CSS를 기반으로 하며,
@apply 지시어를 통해 Tailwind 클래스를 확장하여 사용합니다. 💨
- JavaScript가 필요한 컴포넌트(예: 셀렉트)는 경량 라이브러리인 Alpine.js를 활용합니다. ⛰️
- Nunjucks나 Jinja와 같은 템플릿 엔진을 사용하는 경우 Basecoat CLI를 통해 컴포넌트 설치를 간소화할 수 있습니다. 🛠️
- Shadcn 테마 시스템과 호환되어 기존 Shadcn 테마를 쉽게 가져와 적용할 수 있습니다. 🌈
- 아쉽게도 웹 컴포넌트와 같은 코드 캡슐화 기능이 없어 코드가 길어질 수 있다는 단점이 있습니다. 🧩
- 데이트 피커, 캘린더, 차트 등 일부 Shadcn 컴포넌트가 아직 구현되지 않았습니다. 🚧
- Basecoat은 아직 개발 초기 단계에 있는 도구로, 향후 더 많은 기능 추가가 기대됩니다. 🌱