compose-with-tanstack-devtools
OfficialUnderstand TanStack Table devtools internals
Software Engineering#devtools#plugin architecture#state synchronization#tanstack table#solid-js#adapter integration#internals documentation
AuthorTanStack
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It helps maintainers and contributors understand how TanStack Table devtools work under the hood, including how framework adapters connect tables to a shared Solid-based panel.
Core Features & Use Cases
- Solid-based core panel UI: explains how the devtools core builds and renders the panel using Solid even when embedded in React/Vue/Preact.
- Registration target bridge: covers how adapters register and unregister table instances through the target store to keep the panel in sync.
- Development vs production behavior: documents how the package swaps between a real implementation and a no-op based on NODE_ENV.
- Use case: debugging why a specific table instance is (or isn’t) appearing in the devtools UI after mounting the framework hook.
Quick Start
Ask your AI to summarize how the framework adapter hook registers tables into the shared Solid devtools panel for the id it uses and what functions perform the upsert/remove lifecycle.
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: compose-with-tanstack-devtools Download link: https://github.com/TanStack/table/archive/main.zip#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.