How does it handle very large datasets?

It utilizes @tanstack/react-virtual patterns to render only the visible rows, ensuring smooth performance even for tables containing 50,000+ records.

How does this skill prevent infinite re-renders?

The skill enforces strict memoization of data and column definitions and provides specialized checks for virtualization hooks to ensure stable references across renders.

Does this skill support React 19?

Yes, the skill provides implementation patterns specifically optimized for React 19+ and prevents common compatibility errors found in earlier versions.

Can I use this with Cloudflare Workers?

Absolutely. It includes specific boilerplate and patterns for integrating TanStack Table with Cloudflare Workers and D1 databases for efficient server-side operations.

TanStack Table Expert

Name: TanStack Table Expert
Author: evolv3ai

byevolv3ai

0•

開発者ツール

Builds high-performance, headless data tables with server-side pagination, sorting, and virtualization using TanStack Table v8.

This skill streamlines the implementation of complex data grids by providing production-ready patterns for TanStack Table v8. It excels at coordinating server-side operations with Cloudflare Workers and D1, managing large datasets through virtualization, and implementing advanced UI features like column pinning and row grouping. Designed to prevent common pitfalls such as infinite re-render loops and state synchronization issues, it ensures React 19+ compatibility and optimal performance for data-heavy applications while offering specific fixes for virtualization bugs in hidden containers.

主な機能

01Integration logic for TanStack Query and reactive state management

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

03Advanced UI configurations for column pinning and row grouping

04Pre-emptive fixes for 12 documented errors including infinite re-renders

050 GitHub stars

06High-performance virtualization patterns for 1,000+ row datasets

ユースケース

01Optimizing large-scale data grids for performance and responsiveness

02Building administrative dashboards with complex data management requirements

03Implementing nested or grouped data structures within headless UI architectures

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add evolv3ai/claude-skills-archive tanstack-table

For use in Claude.ai and ChatGPT

Download Skill