preact/compose-with-tanstack-store

What problem does it solve?

Composing TanStack Table (Preact) with TanStack Store can be confusing, especially when you need predictable ownership of state slices and fine-grained reactivity across components.

Core Features & Use Cases

• Three reactive surfaces: Use table.atoms.<slice> for per-slice readonly reads, table.store for flat projections of full table state, and table.baseAtoms.<slice> for internal writable state when the table owns the slice.
• Slice ownership via external atoms: Provide your own atoms using options.atoms so useTable treats them as the source of truth and keeps table feature updates in sync.
• Imperative persistence and cross-component sharing: Use atom.subscribe(...) for syncing with storage or external systems, and reuse the same atom identity across components for consistent state.

Quick Start

Use the preact/compose-with-tanstack-store skill to connect your table state slices to external TanStack Store atoms, then read them with useSelector and let feature APIs write back to the owned atoms.