Does this skill support TanStack Table v8?

Yes, it is specifically designed for TanStack Table v8, focusing on headless architecture, manual state management, and the latest API patterns.

Can I use this for server-side pagination with Cloudflare?

Absolutely. It includes specific patterns for coordinating table state with Cloudflare Workers and D1 databases to handle pagination, sorting, and filtering on the backend.

Does it solve infinite re-render issues in React?

Yes, it provides critical patterns for memoizing data and column definitions, which are the most common causes of infinite loops in TanStack Table implementations.

How does it handle performance for large datasets?

The skill provides implementation guidance for TanStack Virtual, enabling efficient rendering of thousands of rows by only mounting visible elements in the DOM.

TanStack Table

Name: TanStack Table
Author: jezweb

byjezweb

•

开发者工具

Builds high-performance, headless data tables with server-side pagination, filtering, and virtualization.

This skill empowers Claude to architect and implement complex data grids using TanStack Table v8. It specializes in headless UI patterns that separate logic from markup, providing robust solutions for server-side pagination, multi-column filtering, and dynamic sorting—specifically optimized for Cloudflare Workers and D1 databases. By incorporating best practices like state memoization and TanStack Query integration, it helps developers build scalable table interfaces while avoiding common pitfalls like infinite re-renders or state synchronization mismatches.

主要功能

01Headless table implementation patterns for TanStack Table v8

02Performance optimization via virtualization for 1000+ row datasets

03Seamless integration logic for TanStack Query state synchronization

04Expert troubleshooting for React re-render loops and state management

05Server-side pagination, filtering, and sorting for Cloudflare D1

0691 GitHub stars

使用场景

01Building data-heavy admin dashboards with server-side processing

02Refactoring legacy table components into headless, accessible UI patterns

03Implementing virtualized lists for smooth scrolling through large datasets

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jezweb/claude-skills tanstack-table

For use in Claude.ai and ChatGPT

Download Skill