What problem does it solve?
This Skill helps you correctly wire TanStack Table v9 state in Svelte 5 so your datagrid updates predictably, efficiently, and without stale renders.
Core Features & Use Cases
- Rune-based state reactivity: Use
$state, $derived.by, and $effect.pre to keep table state in sync with the DOM before rendering.
- Correct slice-based state access: Read
table.state via selectors and use table.atoms / table.baseAtoms while respecting which features are registered.
- Fine-grained subscriptions: Use
subscribeTable(atom, selector?) with .current to limit rerenders to the parts of your UI that need updates.
- State ownership patterns: Choose between
initialState, external atoms (via @tanstack/svelte-store), or state + on[State]Change for controlled slices.
Quick Start
Ask an AI coding agent to “Set up TanStack Table v9 state in Svelte 5 using tableFeatures(), createTable(), table.state selector projection, and subscribeTable() for a single fine-grained UI update.”