preact/client-to-server

Official

Make Preact Table use server-owned sorting, filtering, and pagination.

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, and manualExpanding so the server owns the corresponding stages of the table pipeline.
  • Correct page counts with rowCount: Provide rowCount so table.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 atoms to 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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.