# TanStack DB - 동기화를 위한 초고속 리액티브 클라이언트 스토어

> Clean Markdown view of GeekNews topic #20938. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=20938](https://news.hada.io/topic?id=20938)
- GeekNews Markdown: [https://news.hada.io/topic/20938.md](https://news.hada.io/topic/20938.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2025-05-16T11:31:02+09:00
- Updated: 2025-05-16T11:31:02+09:00
- Original source: [github.com/TanStack](https://github.com/TanStack/db)
- Points: 4
- Comments: 1

## Topic Body

- TanStack Query에 **컬렉션, 라이브 쿼리, 낙관적 상태 변경**등을 확장하여 **리액티브하고 일관성 높은 UI**를 제공하는 클라이언트 스토어  
- 초고속 쿼리 엔진과 정교한 반응성으로 컴포넌트 리렌더링을 최소화, 복잡한 앱에서도 **서브밀리초 수준의 실시간 쿼리 처리**가 가능  
- 트랜잭션 단위의 낙관적 상태 업데이트를 지원하며, 백엔드와 무관하게 점진적으로 도입 가능(동기화 엔진, REST, GraphQL, 폴링, 커스텀 소스 등 다양한 방식과 호환)  
- TanStack Store 위에서 동작하며, TanStack Query와 함께 동작함   
- TanStack Query와의 차이점: Query는 데이터 가져오기, DB는 가져온 데이터의 반응형 관리  
- **ElectricSQL의 differential dataflow** 타입스크립트 구현체를 기반으로 제작  
- **컬렉션**은 백엔드 테이블을 반영하거나 필터링된 뷰를 표현하는 **타입 지정 객체 집합**. 자바스크립트 구조로 언제든 정의하거나 불러올 수 있음  
- ORM이 아님. 모든 쿼리는 클라이언트 컬렉션에서 실행됨

## Comments



### Comment 38739

- Author: xguru
- Created: 2025-05-16T11:32:02+09:00
- Points: 1

[Next.js vs TanStack – Next.js의 한계와 TanStack의 장점](https://news.hada.io/topic?id=19921)