react/compose-with-tanstack-store
OfficialOwn table state slices with TanStack Store.
Software Engineering#state management#react#pagination#atoms#tanstack store#table state#external state
AuthorTanStack
Version1.0.0
Installs0
System Documentation
What problem does it solve?
TanStack Table state ownership is difficult when you need sharing, persistence, or fine-grained subscriptions across components and even across multiple tables without wiring many onChange callbacks.
Core Features & Use Cases
- Own one or more table state slices externally (sorting, pagination, rowSelection, columnFilters, columnVisibility, etc.) to remove callback-based state plumbing.
- Share slices across components and tables to enable global filters, coordinated UI state, and consistent behavior across data grids.
- Persist slices outside the table render path (for example, saving column visibility or filters to localStorage).
- Use narrow subscriptions for performance by reading only the atom(s) you care about via selector-based reads.
Quick Start
Ask the AI agent to show how to integrate @tanstack/react-store with useTable by providing a stable sorting atom through options.atoms so the table writes directly to your atom without any onSortingChange handler.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react/compose-with-tanstack-store Download link: https://github.com/TanStack/table/archive/main.zip#react-compose-with-tanstack-store Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.