preact/client-to-server
OfficialMake Preact Table use server-owned sorting, filtering, and pagination.
Software Engineering#preact#server-side pagination#tanstack-table#remote data#rowCount#manualSorting#manualFiltering
AuthorTanStack
Version1.0.0
Installs0
System Documentation
What problem does it solve?
You want a TanStack Preact Table to page, sort, and filter data on the server instead of recalculating rows in the browser, while keeping the same table APIs and state updates to drive your refetch logic.
Core Features & Use Cases
- Manual ownership via flags: Use
manualPagination,manualSorting,manualFiltering,manualGrouping, andmanualExpandingso the server owns the corresponding stages of the table pipeline. - Correct page counts with
rowCount: ProviderowCountsotable.getPageCount()works for server-paginated datasets. - External atom-driven refetch: Key your server request off external pagination/sorting/filter state atoms and pass them through
atomsto keep state reactive. - Use Case: Implement server-side datagrid behavior for a large dataset where the UI must update rows immediately when the user changes page, sort order, or filters.
Quick Start
Ask your AI assistant to convert your @tanstack/preact-table setup to a server-owned (manual) mode by wiring external atoms for pagination/sorting/filter state, passing them via atoms, setting the appropriate manual* flags, and supplying rowCount with server responses.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: preact/client-to-server Download link: https://github.com/TanStack/table/archive/main.zip#preact-client-to-server Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.