preact/compose-with-tanstack-form

Official

Add editable cells powered by form state

AuthorTanStack
Version1.0.0
Installs0

System Documentation

What problem does it solve?

TanStack Table needs a reliable way to render editable cells while keeping in-flight input state stable as users sort, filter, and re-order rows.

Core Features & Use Cases

  • Editable cell components: render per-cell form fields (e.g., text, number, select) inside Table cell renderers.
  • Stable row-bound state: attach form state to a row identity using getRowId, so row state doesn’t jump during resorting or refiltering.
  • Reusable form wiring: use createFormHook and FieldGroup-style field components so each cell binds to the correct row field consistently.

Quick Start

Ask for an integration guide that wires @tanstack/preact-form into @tanstack/preact-table using createFormHook and a getRowId-based row identity for stable inline editing.

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/compose-with-tanstack-form
Download link: https://github.com/TanStack/table/archive/main.zip#preact-compose-with-tanstack-form

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.