Skills
.Work. You
Rest

preact/getting-started

Official

Build your first type-safe Preact table

Software Engineering#getting started#preact#tanstack table#feature registry#row models#type-safe columns#FlexRender
AuthorTanStack
Version1.0.0
Installs0

System Documentation

What problem does it solve?

TanStack Table users often get stuck wiring up a Preact table correctly in v9, especially around explicitly declaring enabled features and the corresponding row-model factories.

Core Features & Use Cases

  • End-to-end v9 setup for Preact: install the adapter, configure _features, and provide _rowModels so sorting/pagination actually work.
  • Type-safe columns: define a data type once and create strongly typed columns via createColumnHelper.
  • Correct rendering pattern: use useTable with stable references and render headers/cells/footers with table.FlexRender.
  • Common v9 pitfalls called out: avoid calling feature APIs that weren’t registered and avoid missing row-model factories that prevent row transformations.

Quick Start

Follow the steps in this Skill to create a working Preact v9 table by installing @tanstack/preact-table, declaring _features and _rowModels, defining typed columns, calling useTable, and rendering with table.FlexRender.

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/getting-started
Download link: https://github.com/TanStack/table/archive/main.zip#preact-getting-started

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.