solid/compose-with-tanstack-store

What problem does it solve?

This Skill solves the challenge of integrating TanStack Solid Table state with TanStack Store so your table can share, isolate, and read state slices predictably across components.

Core Features & Use Cases

• External atom ownership for shared state: Provide atoms: { ... } to let multiple parts of your app coordinate on a single pagination/sorting/etc. source of truth.
• Three Solid-friendly read surfaces: Use table.atoms.<slice> for fine-grained reactive reads, table.store for snapshot-style access, and table.state() for Solid-idiomatic selector reads.
• Targeted subscriptions with shallow comparison: Use useSelector (with optional shallow compare) or table.Subscribe for isolated rendering boundaries that avoid over-subscribing.

Quick Start

Provide external atoms in your createTable call via the atoms option for the slices you want to own, then read them using table.atoms.<slice>.get() or table.state() in tracked Solid scopes.