svelte-db

Bind TanStack DB to Svelte 5 with reactive useLiveQuery hooks.

3.9k|254|Updated Mar 11, 2025
One-click install
npx skills add https://github.com/TanStack/db --skill svelte-db
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: svelte-db
Source: https://github.com/TanStack/db/tree/main/packages/svelte-db/skills/svelte-db
Command: npx skills add https://github.com/TanStack/db --skill svelte-db

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Svelte developers need a clean, native integration to TanStack DB that provides reactive querying and seamless state management without boilerplate.

Core Features & Use Cases

  • Reactive live queries with useLiveQuery for Svelte 5.
  • Re-exports of TanStack DB APIs to simplify integration in Svelte apps.
  • Use cases include building real-time dashboards, dynamic forms, and data-driven components with minimal boilerplate.

Quick Start

Install the svelte-db bindings and start using useLiveQuery to create reactive queries in your Svelte apps.

Frequently Asked Questions about svelte-db

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I use TanStack DB live queries in a Svelte 5 application?

Reactive live queries in Svelte 5 are enabled through the useLiveQuery hook, which binds TanStack DB data to components and triggers immediate UI updates whenever the underlying state changes.

What is the best way to manage real-time data in Svelte without manual boilerplate?

Reactive Svelte bindings for TanStack DB solve this by providing live queries and getter-based dependencies, which automatically synchronize real-time data and derived state across components without manual boilerplate.

Can I build real-time dashboards with Svelte using TanStack DB?

Yes, you can build real-time dashboards in Svelte using TanStack DB by leveraging reactive live queries that provide immediate UI updates and derived state synchronization for dynamic, data-driven components.

Does TanStack DB support reactive state dependencies in Svelte components?

Yes, TanStack DB supports reactive state dependencies in Svelte components by utilizing getter-based dependencies within the useLiveQuery hook to automatically track state changes and trigger derived UI updates.

How do I integrate TanStack DB APIs directly within my Svelte app?

You can integrate TanStack DB APIs within your Svelte app by using these reactive bindings, which re-export the core TanStack DB APIs to ensure seamless integration and reactive querying for data-driven components.