react/getting-started

What problem does it solve?

This Skill solves the confusion beginners face when setting up a working, type-safe TanStack Table v9 in React, especially around the required v9 registry concepts like _features and _rowModels.

Core Features & Use Cases

• Minimum-viable v9 setup: Create a table with the mandatory _features and _rowModels (even when empty), define columns, and render headers and rows with FlexRender.
• Add sorting correctly: Register rowSortingFeature in _features, provide createSortedRowModel with sortFns in _rowModels, and wire UI to getToggleSortingHandler plus getIsSorted.
• Layer features incrementally: Add pagination and filtering by registering their features and row-model factories, while using the built-in table APIs instead of re-implementing behavior.

Quick Start

Ask the AI to generate a minimal TanStack Table v9 React example that defines _features via tableFeatures({}), sets _rowModels to {}, uses createColumnHelper with <typeof _features, TData>, instantiates useTable, and renders headers and rows with <table.FlexRender>.