# Tanstack

> Collection ของ libraries สำหรับ data fetching, state management, routing, และ form handling...

- Skill: `newkub/tanstack` (Agent Skill, multi-file: 31 files)
- Install (CLI): `npx skillmds@latest add newkub/tanstack`
- Raw SKILL.md: https://api.skillmd.com/api/skills/newkub/tanstack/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: newkub (https://skillmd.com/u/newkub)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/newkub/tanstack

---

## Goal

ใช้ TanStack libraries สำหรับ data fetching, state management, routing, table components, และ form handling


## Scope

ใช้สำหรับ TanStack Query, Table, Router, Form, Start, และ Store


## Execute

- ติดตั้ง TanStack libraries ตามที่ต้องการ
- อ่าน `guide/installation.md` สำหรับการติดตั้งและ setup
- อ่าน `guide/quick-start.md` สำหรับเริ่มต้นใช้งาน
- อ่าน `guide/key-concept.md` สำหรับแนวคิดหลัก
- อ่าน `guide/how-it-works.md` สำหรับวิธีการทำงาน
- อ่าน `key-concepts/query-caching.md` สำหรับ caching
- อ่าน `key-concepts/data-synchronization.md` สำหรับ data sync
- อ่าน `key-concepts/table-virtualization.md` สำหรับ virtualization
- อ่าน `key-concepts/type-safe-routing.md` สำหรับ routing
- อ่าน `key-concepts/form-validation.md` สำหรับ validation
- อ่าน `guide/features.md` สำหรับ features ที่มี
- อ่าน `workflows/use-tanstack-query.md` สำหรับ data fetching
- ใช้ caching และ synchronization
- อ่าน `workflows/use-tanstack-table.md` สำหรับ table component
- ใช้ sorting, filtering, pagination
- ใช้ virtualization สำหรับ large tables
- อ่าน `guide/configuration.md` สำหรับการตั้งค่า
- ใช้ type-safe routing
- ใช้ data loading
- อ่าน `guide/best-practices.md` สำหรับ best practices
- อ่าน `guide/integration.md` สำหรับ framework integration
- อ่าน `guide/architecture.md` สำหรับ system architecture
- อ่าน `guide/structure.md` สำหรับ project structure
- อ่าน `guide/troubleshooting.md` สำหรับปัญหาทั่วไป
- อ่าน `references/api.md` สำหรับ API reference ทั้งหมด
- อ่าน `references/cli.md` สำหรับ CLI commands
- อ่าน `references/configuration.md` สำหรับ configuration options
- อ่าน `references/website.md` สำหรับ official documentation และ resources


## Rules

- ใช้ `bun add @tanstack/*` สำหรับ installation
- ใช้ backticks สำหรับ `useQuery()`, `useTable()`, commands
- ใช้ code blocks สำหรับ examples
- ใช้ ansi markdown diagrams สำหรับ flow และ architecture
- ใช้ caching สำหรับ data fetching
- ใช้ type-safe routing เสมอ
- ใช้ proper error handling
- ใช้ virtualization สำหรับ large datasets


## Expected Outcome

- Data fetching ที่ efficient ด้วย caching
- Table components ที่ performant ด้วย virtualization
- Routing ที่ type-safe
- Form handling ที่ robust