tanstack-query-alternative

Files (1)

• SKILL.md

SKILL.md (first lines)

# TanStack Query — Primary Patterns

Use TanStack Query as Lovable's default data layer for client-side fetching, caching, and synchronization.

## When to Use

Adding any client-side data fetching: lists, forms, real-time subscriptions, dependent queries.

## Key Patterns

- Query keys: `['posts', id]`, `['users', userId, 'posts']`
- Fetchers: `const { data } = useQuery({ queryKey, queryFn })`
- Defaults: `staleTime`, `gcTime` for caching strategy
- Hooks: `useQuery`, `useQueries`, `useSuspenseQuery`

## Related Skills

- `tanstack-mutations-and-invalidation` — Mutations and cache updates
- `tanstack-infinite-queries` — Pagination patterns
- `tanstack-prefetch-and-hydration` — Performance optimization

---

*Source: yougotsam/lovable-skills*

From yougotsam/got-skills, MIT.

More from yougotsam/got-skills