preact/compose-with-tanstack-devtools
OfficialRegister your Preact tables in TanStack Devtools.
Software Engineering#debugging#devtools#preact#tanstack table#datagrid#state inspection#table registration
AuthorTanStack
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill solves the problem of having TanStack Table state and behavior that you can’t easily inspect and debug during development when using Preact.
Core Features & Use Cases
- Wire TanStack Table instances to Devtools: Mount the Devtools host once and register each
useTableresult so the panel can show the right table state. - Support multi-table dashboards: Add multiple tables with clear names so you can switch targets in the Devtools UI.
- Control devtools per table and per environment: Disable registration cleanly and ensure devtools UI behavior matches development vs production entrypoints.
Quick Start
In your app, mount <TanStackDevtools plugins={[tableDevtoolsPlugin()]} /> once and call useTanStackTableDevtools(table, 'Users Table') immediately after each useTable() in your Preact components.
Dependency Matrix
Required Modules
None requiredComponents
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-devtools Download link: https://github.com/TanStack/table/archive/main.zip#preact-compose-with-tanstack-devtools Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.