tanstack-devtools

TanStack Devtools

Devtools guidance for setup, framework adapters, plugins, event instrumentation, marketplace use, and production builds.

Confirm core and plugin versions.

Workflow

1. Inspect installed TanStack packages and exact versions.
2. Read the adapter reference for the detected framework when the task uses an adapter.
3. Topic references are indexes. Choose one guide or section for the task; follow its prerequisite links only when needed.
4. Prefer installed package types and version-matched source guidance over memory.
5. Preserve headless/core behavior when translating examples to a framework adapter.

Task routing

• Setup and production — App setup, Vite integration, and production behavior.
• Plugins and marketplace — Plugin panels, framework adapters, and marketplace use.
• Events and instrumentation — Event client, instrumentation, and bidirectional events.
• Additional official guidance — New official guidance that has not yet been assigned to a specialized topic.

Framework routing

• Vanilla — detect @tanstack/devtools. Read Plugins and marketplace. Shared guidance; check adapter-specific differences.
• React — detect @tanstack/react-devtools. Read Plugins and marketplace. Shared guidance; check adapter-specific differences.
• Preact — detect @tanstack/preact-devtools. Read Plugins and marketplace. Shared guidance; check adapter-specific differences.
• Solid — detect @tanstack/solid-devtools. Read Plugins and marketplace. Shared guidance; check adapter-specific differences.
• Vue — detect @tanstack/vue-devtools. Read Plugins and marketplace. Shared guidance; check adapter-specific differences.
• Svelte — detect @tanstack/svelte-devtools. Read Plugins and marketplace. Shared guidance; check adapter-specific differences.
• Angular — detect @tanstack/angular-devtools. Read Plugins and marketplace. Shared guidance; check adapter-specific differences.

See source provenance for exact upstream inputs and deduplication records.