Browse skills

Create and render Table v9 tables in Preact, including headers and cells. Get guidance on reusable components, Query data integration, and virtualization, which renders only part of a table at a time.

• Build a basic table in Preact
• Reuse table features and components
• Connect server data through TanStack Query

Connect React Table v9 to Devtools, a development inspection interface. Configure table registration, unique keys, and enabled settings, and diagnose missing panels while understanding registration cleanup and the separate entrypoint for explicit production use.

• Adding Devtools to React tables
• Diagnosing missing Table panels
• Controlling registration with enabled

Migrate Solid tables from Table v8 to v9, covering creation, rendering, and reactive state reads. Helps review controlled updates, changing data, and enabled table features alongside the shared core migration checklist.

• Upgrading a Solid table from v8 to v9
• Replacing createSolidTable with createTable
• Fixing stale state after migration

Implement reactive state reads and external control for Table v9 in Solid. Learn where to track changes, how to manage pagination state, and how to handle updater functions or shared state correctly.

• Control pagination with Solid signals
• Investigate table updates that do not appear on screen
• Share table state through external atoms

Connect TanStack Table instances to developer tools for inspecting options, state, features, columns, rows, and row models. Diagnose missing connections, assign unique table keys, and manage registration replacement and cleanup.

• Inspect table options, state, columns, and rows
• Diagnose tables missing from developer tools
• Assign distinct keys to multiple tables

Migrate TanStack Table from v8 to v9 by auditing API usage, state ownership, features, and TypeScript types. Follow a shared checklist and relevant mappings to preserve existing behavior and verify the updated table.

• Planning a TanStack Table v8 to v9 migration
• Updating feature registration and state management
• Resolving TypeScript changes during migration

Connect TanStack Table v9 state to lit rendering. Manage state such as pagination through reactive properties, choose which changes trigger component updates, and subscribe to selected state so individual template regions can update independently.

• Manage pagination through reactive properties
• Choose which table state triggers component updates
• Update a template region independently

Build and render Table v9 tables in Vue with guidance on keeping data updates reactive, reusing shared table components, and connecting TanStack Query for data fetching or TanStack Virtual for displaying large tables.

• Building a Table v9 table in Vue
• Keeping tables in sync with changing data
• Reusing shared table components and settings

Create and render Table v9 tables in Svelte 5. Covers basic setup and directs work on reusable components, TanStack Query data integration, and TanStack Virtual rendering, which limits displayed rows or columns for large tables.

• Build a basic Table v9 table in Svelte 5
• Organize reusable table components
• Connect tables to TanStack Query data

Manage Table v9 state in Svelte 5, including pagination controlled by application code. Guides reactive reads that update the interface, getter and callback wiring, and the distinction between tracked values and one-time snapshots.

• Control pagination from application state
• Show table state in a Svelte interface
• Investigate values that stop updating

Read and control TanStack Table v9 state in Vue while keeping updates synchronized with the interface. Covers reactive reads, externally controlled state, update callbacks, shared state containers, and component boundaries for rendering.

• Controlling pagination with Vue refs
• Displaying table state through computed values
• Investigating state synchronization failures

Migrate Angular tables from Table v8 to v9 by reviewing table creation, rendering, state updates, and reusable app hooks. Provides an Angular checklist alongside the core migration checks needed for shared API changes.

• Upgrading an Angular table from v8 to v9
• Replacing createAngularTable with injectTable
• Reviewing signal-based state and FlexRender rendering

Create and render Table v9 tables in Solid while preserving reactive data updates. Get guidance on reusable components, Query data integration, and virtualization, which renders only part of a table at a time.

• Build a basic table in Solid
• Keep table data reactive
• Reuse table settings and components

Migrate TanStack Table from v8 to v9 in Preact using its native package. Reviews compatibility aliases, table setup, state subscriptions, and rendering, with verification steps to check the upgraded implementation alongside the required core migration guidance.

• Upgrade a Preact table from v8 to v9
• Switch table imports to the native Preact package
• Review state and rendering issues after migration

Read and control Table v9 state in Preact, including pagination. Guides state subscriptions, which keep the interface updated, and externally managed state so table changes and controls stay synchronized while rerenders can be scoped to relevant values.

• Control pagination from Preact state
• Fix table values that fail to update on screen
• Limit rerenders to selected state

Scaffold a TanStack app with tanstack create using --framework, --build-tool, --template, --toolchain, --deployment, --add-ons, --blank, and --router-only. Covers flag compatibility, non-interactive defaults, and intent-preserving command construction.

The English summary is being prepared. Showing the original description.

Retrieve machine-readable context with tanstack libraries, tanstack doc, tanstack search-docs, tanstack create --list-add-ons --json, and --addon-details for agent-safe discovery and preflight validation.

The English summary is being prepared. Showing the original description.

Build and iterate custom add-ons/templates with tanstack add-on init, add-on compile, add-on dev, and tanstack create --dev-watch, including sync loop preconditions, watch-path validation, and project metadata constraints.

The English summary is being prepared. Showing the original description.

Apply integrations to existing projects with tanstack add, including add-on id resolution, dependency chains, option prompts, and .cta.json project metadata preconditions.

The English summary is being prepared. Showing the original description.

Map tanstack ecosystem partner metadata to installable add-on ids using tanstack ecosystem --json, tanstack create --list-add-ons --json, and tanstack create --addon-details --json. Covers exclusive categories, provider options, and router-only compatibility constraints.

The English summary is being prepared. Showing the original description.