Question 1

Jaka jest główna rola useQuery w React Query?

Accepted Answer

useQuery to podstawowy hook do pobierania danych tylko do odczytu z API lub źródła danych. Automatycznie zarządza cache, stanami ładowania, błędami i strategiami refetch. W przeciwieństwie do useEffect z fetch, useQuery optymalizuje wydajność, unikając nadmiarowych żądań dzięki inteligentnemu systemowi cache.

Question 2

Którego hooka należy użyć do wykonania mutacji POST do API?

Accepted Answer

useMutation to hook dedykowany operacjom zapisu, takim jak POST, PUT, PATCH lub DELETE. Udostępnia callbacki onSuccess, onError i onMutate do zarządzania cyklem życia mutacji. W przeciwieństwie do useQuery, który służy do odczytu, useMutation nie uruchamia żądania automatycznie i wymaga jawnego wywołania funkcji mutate.

Question 3

Do czego służy query key w React Query?

Accepted Answer

query key to unikalny identyfikator, który pozwala React Query zarządzać cache i zależnościami między zapytaniami. Służy do identyfikacji, invalidacji i refetchowania konkretnych zapytań. query key może być prostym stringiem lub tablicą zawierającą dynamiczne parametry. Zmiana query key automatycznie wyzwala nowy fetch, co pozwala deklaratywnie zarządzać zależnościami.

React Query (TanStack Query)

Jaka jest główna rola useQuery w React Query?

Odpowiedź

Którego hooka należy użyć do wykonania mutacji POST do API?

Odpowiedź

Do czego służy query key w React Query?

Odpowiedź

Co oznacza staleTime w konfiguracji useQuery?

Która właściwość wskazuje, że useQuery jest w trakcie ładowania?

Inne tematy rekrutacyjne React / Next.js

Podstawy JavaScript

Podstawy React

React Hooks

Cykl życia komponentu

React Router

Zarządzanie stanem z Context

Formularze i Controlled Components

Pobieranie danych i API

Styling & CSS-in-JS

Podstawy Next.js

TypeScript z React

Pobieranie danych w Next.js

Server Actions w Next.js

Routing i Nawigacja w Next.js

API Routes w Next.js

Metadata & SEO w Next.js

Middleware i Auth w Next.js

Testowanie React

Zustand State Management

Optymalizacja wydajności React

Error Boundaries & Error Handling

Advanced React Patterns

Zaawansowane funkcje Next.js

Wdrożenie i Produkcja Next.js

Architecture & Design Patterns

React Server Components

Internacjonalizacja Next.js

React Bezpieczeństwo & Najlepsze Praktyki

Opanuj React / Next.js na następną rozmowę