This one teaches you the meta field pattern for TanStack Table instead of the closure approach that causes unnecessary re-renders. You hoist your column definitions outside the component, extend the TableMeta interface for type safety, and pass callbacks like onEdit or onDelete through the meta option. The skill includes examples of both the wrong way (columns defined in useMemo that invalidate on every callback change) and the right way (stable columns with dynamic meta). It's opinionated about this specific pattern, which is good because the library gives you enough rope to hang yourself with performance issues if you're not careful about how you wire up interactive cells.

skills.sh installs
257
GitHub stars
15
last updated
Aug 21, 2026

Install

$ npx -y skills add casper-studios/casper-marketplace --skill tanstack-table --agent claude-code

Installs into .claude/skills of the current project.

Files

This one teaches you the meta field pattern for TanStack Table instead of the closure approach that causes unnecessary re-renders. You hoist your column definitions outside the component, extend the TableMeta interface for type safety, and pass callbacks like onEdit or onDelete through the meta option. The skill includes examples of both the wrong way (columns defined in useMemo that invalidate on every callback change) and the right way (stable columns with dynamic meta). It's opinionated about this specific pattern, which is good because the library gives you enough rope to hang yourself with performance issues if you're not careful about how you wire up interactive cells.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/casper-studios/casper-marketplace
Category
DevOps & CI/CD
First seen
Jun 3, 2026

More from casper-studios/casper-marketplace

All 35
1glebis avatartranscript-analyzerglebis/claude-skillsThis skill analyzes meeting transcripts to extract decisions, action items, opinions, questions, and terminology using Cerebras AI (llama-3.3-70b). Use this ski257skills.sh installs
2aiskillstore avatarfrontend-designaiskillstore/marketplaceCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applicat255skills.sh installs
3everyinc avatartest-xcodeeveryinc/compound-engineering-pluginBuild and test iOS apps on simulator using XcodeBuildMCP. Use after making iOS code changes, before creating a PR, or when verifying app behavior and checking f255skills.sh installs
4guia-matthieu avatarlighthouse-auditguia-matthieu/clawfu-skillsRun automated Lighthouse audits for Core Web Vitals and SEO. Use when: checking page performance; auditing SEO technical issues; monitoring Core Web Vitals; com255skills.sh installs
5sushegaad avatareu-crasushegaad/claude-skills-governance-risk-and-complianceExpert EU Cyber Resilience Act (CRA) advisor for Regulation (EU) 2024/2847 — mandatory cybersecurity and vulnerability handling requirements for all products wi255skills.sh installs
6novotnyllc avatardotnet-uinovotnyllc/dotnet-artisanBuilds .NET UI apps across Blazor (Server, WASM, Hybrid, Auto), MAUI (XAML, MVVM, Shell, Native AOT), Uno Platform (MVUX, Extensions, Toolkit), WPF (.NET 8+, Fl254skills.sh installs