Legend State
이 강력한 라이브러리는 애플리케이션의 상태 관리를 간소화해 복잡한 데이터 처리도 쉽게 해줍니다.
JavaScript 애플리케이션을 위한 작고 의존성이 없는 반응형 데이터 저장소 및 동기화 엔진입니다. 세분화된 구독을 제공해 관련 데이터가 변경될 때만 UI가 다시 렌더링되므로 앱을 빠르고 예측 가능하게 유지합니다.
데이터는 단순한 키-값 쌍이나 행과 셀로 구성된 표 형식으로 모델링할 수 있습니다. 기본 기능으로 기본값과 타입 추론을 지원하는 스키마, 빠른 조회를 위한 인덱스, 집계를 위한 메트릭, 테이블 간 관계, 실행 취소/다시 실행 체크포인트 시스템, 선택·조인·필터링·그룹화를 반응형으로 지원하는 SQL 유사 쿼리 엔진(TinyQL)이 포함됩니다.
로컬 우선 및 오프라인 우선 워크플로우를 위해 MergeableStore를 통한 네이티브 CRDT 지원을 제공하여 클라이언트와 서버 간 데이터를 동기화하고 결정론적으로 병합합니다. 브라우저 저장소와 IndexedDB, SQLite 및 PostgreSQL 같은 데이터베이스에 데이터를 저장할 수 있으며 Yjs와 Automerge도 통합할 수 있습니다.
선택적으로 제공되는 React 바인딩에는 완전히 반응형인 인터페이스를 만들기 위한 훅과 가벼운 UI 컴포넌트가 포함됩니다. 개발 중에는 앱 내 Inspector에서 저장소 데이터를 실시간으로 확인하고 편집할 수 있습니다. 다양한 기능에도 불구하고 핵심 패키지는 작고(압축 시 약 5.3kB–11.7kB), 문서가 완비되어 있으며 엄격한 테스트를 거쳤습니다.
기능
- 반응형 인메모리 데이터 저장소
- 키-값 및 표 형식 데이터 모델
- 세분화된 리스너 및 구독
- TinyQL 쿼리 엔진(선택/조인/필터/그룹화)
- 빠른 조회를 위한 인덱스
- 메트릭 및 집계
- 테이블 관계
- 기본값 및 타입 추론을 지원하는 스키마
- 실행 취소/다시 실행 체크포인트
- 네이티브 CRDT MergeableStore
- WebSockets, BroadcastChannel 및 사용자 지정 전송을 통한 동기화
- 브라우저 저장소 및 IndexedDB에 데이터 저장
- SQLite 및 PostgreSQL 데이터베이스에 데이터 저장(Bun/Expo SQLite 같은 변형 포함)
- Yjs, Automerge, CR-SQLite, PGlite, ElectricSQL, Turso, PartyKit, Cloudflare Durable Objects 통합
- 선택적 React 훅 및 사전 제작 컴포넌트(ui-react, ui-react-dom)
- 앱 내 데이터 Inspector 개발 도구
- 로컬 우선 및 오프라인 친화적 설계
- 의존성 없이 작은 번들 크기
- 100% 테스트 커버리지 및 풍부한 문서
관련 항목
MobX
이 상태 관리 솔루션은 애플리케이션에 동적 데이터를 원활하게 통합하고 변화에 손쉽게 대응합니다.
Redux Toolkit
Redux 개발 과정을 간소화하고 개선해 애플리케이션의 예측 가능성과 유지 관리성을 보장하도록 설계된 종합 툴킷입니다.
valtio
이 라이브러리는 프록시 기반 상태 관리를 간소화하고 효율적인 렌더링과 쉬운 상태 조작으로 최신 애플리케이션의 개발 경험을 향상합니다.
TanStack DB
실시간 쿼리와 낙관적 변경을 지원하는 반응형 클라이언트 스토어로, 밀리초 미만의 일관된 UI와 실시간 동기화를 제공합니다.
Jotai
React 애플리케이션의 상태를 원자 단위로 관리하는 강력하면서도 가벼운 솔루션입니다.
MobX-State-Tree
변경 가능한 상태를 구조적으로 처리해 상태 관리를 간소화하는 모든 기능을 갖춘 라이브러리입니다.
TanStack Router
타입 안전성과 효율적인 데이터 관리에 특화된, React를 위해 설계된 현대적이고 확장 가능한 라우팅 라이브러리입니다.