preact/table-state

What problem does it solve?

This Skill helps you wire TanStack Table’s Preact adapter so your datagrid updates efficiently and correctly as sorting, pagination, selection, and other state slices change—without over-rendering.

Core Features & Use Cases

• Wiring reactivity with useTable: Use useTable (including the optional selector) to connect your Preact component to TanStack Store-backed table state.
• Reading the right state with atoms vs store: Access table state via table.state, table.store, and table.atoms.<slice> while keeping subscriptions intentional.
• Fine-grained rendering with <table.Subscribe> / <Subscribe>: Subscribe at component boundaries for slice-level reactivity, and use the standalone <Subscribe> inside cell/header render contexts where table.Subscribe is unavailable.
• External state integration: Own slices externally using useCreateAtom + options.atoms, or use classic state + on*Change patterns plus createTableHook for reusable shared table configuration.

Quick Start

Ask an AI to show you how to implement a Preact TanStack Table v9 with useTable plus a narrow selector, and use <table.Subscribe> (or standalone <Subscribe> in cells) to render pagination and row selection updates without unnecessary re-renders.