컴포넌트 쿼리가 곧 API가 되다, TanStack DB 0.5 쿼리 주도 동기화

컴포넌트 쿼리가 곧 API가 되다, TanStack DB 0.5 쿼리 주도 동기화이제 컴포넌트 하나하나를 위해 새로운 API를 만들 필요가 없는데요.0.5 버전부터는 컴포넌트의 쿼리가 곧 API 호출 그 자체가 되기 때문입니다.// 여러분의 컴포넌트 쿼리가...const { data: projectTodos } = useLiveQuery((q) => q .from({ todos }) .join({ projects }, (t, p) => eq(t.projectId, p.id)) .where(({ todos }) => eq(todos.status, 'active')) .where(({ projects }) => eq(projects.id, 123)))// ...자동으로 이렇게 정밀한 ..

• format_list_bulleted Javascript
• · 2025. 11. 15.
• textsms

더 이상 리렌더링은 없다, TanStack Query를 위한 내장형 클라이언트 DB 'TanStack DB'

더 이상 리렌더링은 없다, TanStack Query를 위한 내장형 클라이언트 DB 'TanStack DB'할 일 목록의 체크박스 하나를 칠했다고 리액트(React) 대시보드 전체가 멈칫거려서는 안 되는데요.하지만 여전히 낙관적 업데이트(Optimistic Update) 하나가 수많은 리렌더링, 필터링, useMemo 연산, 그리고 스피너의 깜빡임까지 불러오곤 합니다."아니, 2025년인데 이게 아직도 이렇게 어렵다고?"라고 중얼거려본 적 있다면, 네, 저도 똑같은 생각을 했습니다.탠스택 디비(TanStack DB)가 바로 그 해답인데요.이것은 차분 데이터 흐름(differential dataflow) 기술을 기반으로 하는 클라이언트 사이드 데이터베이스 계층으로, 기존의 useQuery 호출에 곧바로 연..

• format_list_bulleted Javascript
• · 2025. 11. 15.
• textsms