본문으로 건너뛰기

이 제품은 유한 상태 머신 기반의 UI 컴포넌트 패턴 모음으로, 유연하고 접근성 높은 디자인 시스템을 구축할 수 있도록 지원합니다.

React, Vue, Solid.js, Svelte 등 다양한 프런트엔드 프레임워크를 지원해 특정 프레임워크에 종속되지 않고 UI 컴포넌트를 구축할 수 있습니다.

이 라이브러리의 핵심인 상태 머신은 복잡한 컴포넌트 로직을 처리하므로 개발자는 견고한 기능을 유지하면서 UI 디자인에 집중할 수 있습니다.

내장된 WAI-ARIA 준수 어댑터를 사용해 상태 머신의 출력을 DOM 시맨틱에 연결하는 등 접근성을 고려해 컴포넌트를 설계했습니다.

또한 헤드리스 방식이며 기본 스타일이 없어 원하는 스타일링 솔루션을 사용할 수 있고, 기존 디자인 시스템에 원활하게 통합할 수 있습니다. 이 라이브러리는 간결성과 재사용성을 높여 여러 프로젝트에서 일반적인 UI 패턴을 반복 구현할 필요를 줄여줍니다.

기능

  • 프레임워크에 구애받지 않음
  • 안정적인 컴포넌트 로직
  • WAI-ARIA 준수
  • 헤드리스 및 스타일 없는 컴포넌트
  • 여러 JS 프레임워크 지원
  • 디자인 시스템에 간편하게 통합
  • 유한 상태 머신 기반 컴포넌트

관련 항목

Jotai

React 애플리케이션의 상태를 원자 단위로 관리하는 강력하면서도 가벼운 솔루션입니다.

Legend State

이 강력한 라이브러리는 애플리케이션의 상태 관리를 간소화해 복잡한 데이터 처리도 쉽게 해줍니다.

MobX-State-Tree

변경 가능한 상태를 구조적으로 처리해 상태 관리를 간소화하는 모든 기능을 갖춘 라이브러리입니다.

MobX

이 상태 관리 솔루션은 애플리케이션에 동적 데이터를 원활하게 통합하고 변화에 손쉽게 대응합니다.

Redux Toolkit

Redux 개발 과정을 간소화하고 개선해 애플리케이션의 예측 가능성과 유지 관리성을 보장하도록 설계된 종합 툴킷입니다.

valtio

이 라이브러리는 프록시 기반 상태 관리를 간소화하고 효율적인 렌더링과 쉬운 상태 조작으로 최신 애플리케이션의 개발 경험을 향상합니다.

zustand

간결성과 성능에 중점을 둔, React 앱의 상태 관리를 위한 현대적인 솔루션입니다.

TanStack DB

실시간 쿼리와 낙관적 변경을 지원하는 반응형 클라이언트 스토어로, 밀리초 미만의 일관된 UI와 실시간 동기화를 제공합니다.