svelte/compose-with-tanstack-store

What problem does it solve?

This Skill solves the problem of wiring TanStack Table v9 state (sorting, pagination, filters, row selection, etc.) into Svelte reactivity without getting confused about atoms, selectors, and subscriptions.

Core Features & Use Cases

• Understand the state surfaces: use table.atoms.<slice>, table.store, and table.state with the right level of reactivity.
• Compose with Store atoms correctly: subscribe with subscribeTable, project with createTable selectors, or own slices externally with createAtom.
• Avoid common pitfalls: prevent mixing atoms.<slice> with state.<slice>, ensure stable atom creation, and read selector outputs via .current.

Quick Start

Ask the assistant to explain how to subscribe to table.atoms.pagination in a Svelte component using subscribeTable so only pageSize updates trigger reactive UI changes.