react/table-state

What problem does it solve?

This Skill solves the challenge of wiring TanStack Table v9 state into React components without sacrificing performance or creating re-render bugs.

Core Features & Use Cases

• UseTable state consumption with a selector: Use the second argument selector to control when the component re-renders versus opting out for custom subscriptions.
• Fine-grained subscriptions: Render with table.Subscribe at the component level and use standalone Subscribe in header/cell contexts where table.Subscribe is not available.
• External slice ownership via atoms: Own table slices with useCreateAtom and pass them through options.atoms so the table writes directly to your external state.
• Flexible rendering integration: Use table.FlexRender for headers and cells while keeping reactivity scoped correctly.
• Reusable shared configuration: Package shared feature/row-model/cell config using createTableHook to produce useAppTable and App components*.

Quick Start

Use the react/table-state Skill to wire your React TanStack Table so state reads happen through useTable selectors and Subscribe walls, while updates flow through options.atoms using atoms created with useCreateAtom.