TanStack Query

Dependent és parallel query-k

enabled, useQueries, párhuzamos lekérések.

Dependent és parallel query-k

Dependent query – `enabled`

Ha egy query csak egy másik adat után futhat:

const { data: user } = useQuery({ queryKey: ['user', userId], queryFn: fetchUser })

const { data: posts } = useQuery({
  queryKey: ['posts', user?.id],
  queryFn: () => fetchPosts(user.id),
  enabled: !!user?.id,
})

Párhuzamos query-k

Több useQuery ugyanabban a komponensben párhuzamosan fut:

const users = useQuery({ queryKey: ['users'], queryFn: fetchUsers })
const posts = useQuery({ queryKey: ['posts'], queryFn: fetchPosts })

useQueries

Dinamikus számú query párhuzamosan:

const results = useQueries({
  queries: ids.map(id => ({
    queryKey: ['user', id],
    queryFn: () => fetchUser(id),
  })),
})

📝 Összefoglaló

enabled = dependent query-khez (pl. userId kell a posts-hoz).
Több useQuery = automatikus párhuzamos fetch.
useQueries = dinamikus lista lekérésekre.

Query key gondolkodás

Hierarchikus query key-ek, szűrők, centralizálás.

Pagination és infinite query

Lapszám a queryKey-ben, placeholderData, useInfiniteQuery.

On this page

Dependent és parallel query-k Dependent query – enabledPárhuzamos query-k useQueries 📝 Összefoglaló