solid/compose-with-tanstack-query

What problem does it solve?

This Skill solves the challenge of building a server-driven TanStack Solid Table where pagination, sorting, and filtering must be fetched asynchronously without flickering or losing table state between requests.

Core Features & Use Cases

• Server-side data flow: lifts pagination, sorting, and filtering into Solid atoms and uses them to drive queries.
• Reactive query-key wiring: keys useQuery on atom accessors so updates automatically trigger refetches.
• Stable UX for page transitions: uses keepPreviousData so the table doesn’t briefly render as empty while loading.
• Manual control correctness: sets manualPagination (and related manual flags) so the table doesn’t re-slice already-paginated rows.
• Table metadata support: feeds data.rows and data.rowCount via reactive getters so page controls and page counts work properly.

Quick Start

Ask your AI agent to implement the Solid adapter pattern that connects @tanstack/solid-table to @tanstack/solid-query using module-scope atoms, keepPreviousData, manualPagination, and reactive getters for data and rowCount.