Question 1

Wat is de belangrijkste rol van useQuery in React Query?

Accepted Answer

useQuery is de fundamentele hook voor het ophalen van alleen-lezen data uit een API of databron. Het beheert automatisch cache, laadstatussen, fouten en refetch-strategieën. In tegenstelling tot useEffect met fetch optimaliseert useQuery de prestaties door overbodige requests te vermijden dankzij het intelligente cache-systeem.

Question 2

Welke hook moet worden gebruikt om een POST-mutation naar een API uit te voeren?

Accepted Answer

useMutation is de speciale hook voor schrijfoperaties zoals POST, PUT, PATCH of DELETE. Het biedt onSuccess-, onError- en onMutate-callbacks om de mutation-levenscyclus te beheren. In tegenstelling tot useQuery, dat bedoeld is voor lezen, triggert useMutation het verzoek niet automatisch en vereist een expliciete aanroep van de mutate-functie.

Question 3

Wat is het doel van de query key in React Query?

Accepted Answer

De query key is een unieke identifier waarmee React Query cache en afhankelijkheden tussen queries kan beheren. Het dient om specifieke queries te identificeren, te invalideren en opnieuw te fetchen. Een query key kan een eenvoudige string zijn of een array met dynamische parameters. Het wijzigen van de query key triggert automatisch een nieuwe fetch, waardoor afhankelijkheden declaratief beheerd kunnen worden.

React Query (TanStack Query)

Wat is de belangrijkste rol van useQuery in React Query?

Antwoord

Welke hook moet worden gebruikt om een POST-mutation naar een API uit te voeren?

Antwoord

Wat is het doel van de query key in React Query?

Antwoord

Wat betekent staleTime in de useQuery-configuratie?

Welke eigenschap geeft aan dat useQuery aan het laden is?

Andere React / Next.js-sollicitatieonderwerpen

JavaScript-basisbegrippen

React-basisbegrippen

React Hooks

Componentlevenscyclus

React Router

Statusbeheer met Context

Formulieren & Controlled Components

Gegevens ophalen & API

Styling & CSS-in-JS

Next.js Fundamentals

TypeScript met React

Next.js Data Fetching

Next.js Server Actions

Routing & Navigatie in Next.js

Next.js API Routes

Next.js Metadata & SEO

Next.js Middleware & Auth

React Testen

Zustand State Management

React Performance-optimalisatie

Error Boundaries & Error Handling

Advanced React Patterns

Geavanceerde Next.js-functies

Next.js Deployment & Productie

Architecture & Design Patterns

React Server Components

Next.js Internationalisering

React Beveiliging & Best Practices

Beheers React / Next.js voor je volgende gesprek