grey-haven-react-tanstack-testing

name	grey-haven-react-tanstack-testing
description	Specialized testing for React applications using TanStack ecosystem (Query, Router, Table, Form) with Vite and Vitest. Use when testing React + TanStack apps, mocking server state, testing router, or validating query behavior. Triggers: 'TanStack testing', 'React Query testing', 'test TanStack', 'mock query', 'router test'.
skills	["grey-haven-tanstack-patterns","grey-haven-testing-strategy","grey-haven-code-style"]
allowed-tools	["Read","Write","MultiEdit","Bash","Grep","Glob","TodoWrite"]

React TanStack Testing Skill

Specialized testing for React applications using TanStack ecosystem (Query, Router, Table, Form) with Vite and Vitest.

Description

Comprehensive testing patterns for modern React with TanStack libraries including server state management, routing, and data handling.

What's Included

• Examples: TanStack Query tests, Router tests, Form validation
• Reference: Testing patterns, mocking strategies
• Templates: Test suites for TanStack components
• Checklists: React testing best practices

Use When

• Testing React + TanStack Query applications
• Testing complex routing with TanStack Router
• Validating server state management

Related Agents

• react-tanstack-tester
• test-generator

Skill Version: 1.0