Is it compatible with TanStack Query?

Absolutely. It includes patterns for keeping table state (filters, sorting, pagination) perfectly synced with your query keys for reliable data fetching.

How does it help with Cloudflare D1 integration?

It provides ready-to-use Worker API patterns for handling SQL-based pagination, search, and sorting directly within D1.

Does it include virtualization for large datasets?

Yes, it provides specific implementation patterns using @tanstack/react-virtual to handle over 1,000 rows efficiently.

What version of TanStack Table does this skill support?

This skill is optimized for TanStack Table v8, including the latest functional patterns and TypeScript definitions.

Can this skill help debug infinite re-render issues?

Yes, it identifies common mistakes in data and column memoization that lead to performance bottlenecks and browser freezes.

TanStack Table Mastery

Name: TanStack Table Mastery
Author: jezweb

byjezweb

•

117

디자인 도구

Builds high-performance headless data tables with server-side pagination, sorting, and virtualization for React and Cloudflare D1.

소개

This skill provides Claude Code with expert-level implementation patterns for TanStack Table v8, specifically optimized for modern full-stack environments like Cloudflare Workers and D1. It focuses on solving complex state management challenges, such as synchronizing server-side pagination with TanStack Query, implementing row virtualization for large datasets, and preventing common performance bottlenecks like infinite re-renders through proper memoization. Whether you are building simple lists or complex administrative dashboards with grouped and pinned data, this skill ensures production-grade table architecture.

주요 기능

Advanced UI patterns for column/row pinning, grouping, and nested expansion
117 GitHub stars
Server-side pagination and filtering patterns for Cloudflare D1 databases
High-performance row virtualization using TanStack Virtual for 1000+ rows
Best-practice memoization strategies to prevent infinite re-render cycles
Seamless integration logic for TanStack Query and React state synchronization

사용 사례

Optimizing frontend performance for applications displaying massive datasets
Implementing efficient server-side data fetching for edge-computing environments
Developing data-heavy administrative dashboards with complex sorting and filtering

소개

주요 기능

Advanced UI patterns for column/row pinning, grouping, and nested expansion
117 GitHub stars
Server-side pagination and filtering patterns for Cloudflare D1 databases
High-performance row virtualization using TanStack Virtual for 1000+ rows
Best-practice memoization strategies to prevent infinite re-render cycles
Seamless integration logic for TanStack Query and React state synchronization

사용 사례

Optimizing frontend performance for applications displaying massive datasets
Implementing efficient server-side data fetching for edge-computing environments
Developing data-heavy administrative dashboards with complex sorting and filtering