Question 1

Яка основна роль useQuery в React Query?

Accepted Answer

useQuery — це базовий hook для отримання даних тільки для читання з API або джерела даних. Він автоматично керує cache, станами завантаження, помилками та стратегіями refetch. На відміну від useEffect з fetch, useQuery оптимізує продуктивність, уникаючи надлишкових запитів завдяки інтелектуальній системі cache.

Question 2

Який hook слід використовувати для виконання POST mutation до API?

Accepted Answer

useMutation — це спеціалізований hook для операцій запису, таких як POST, PUT, PATCH або DELETE. Він надає колбеки onSuccess, onError та onMutate для керування життєвим циклом mutation. На відміну від useQuery, який призначений для читання, useMutation не запускає запит автоматично і потребує явного виклику функції mutate.

Question 3

Для чого використовується query key у React Query?

Accepted Answer

query key — це унікальний ідентифікатор, який дозволяє React Query керувати cache та залежностями між запитами. Він використовується для ідентифікації, invalidate та refetch конкретних запитів. query key може бути простим string або масивом з динамічними параметрами. Зміна query key автоматично запускає новий fetch, що дозволяє декларативно керувати залежностями.

React Query (TanStack Query)

Яка основна роль useQuery в React Query?

Відповідь

Який hook слід використовувати для виконання POST mutation до API?

Відповідь

Для чого використовується query key у React Query?

Відповідь

Що означає staleTime у конфігурації useQuery?

Яка властивість вказує, що useQuery завантажується?

Інші теми співбесід React / Next.js

Основи JavaScript

Основи React

React Hooks

Життєвий цикл компонента

React Router

Управління станом з Context

Форми та Controlled Components

Отримання даних та API

Styling & CSS-in-JS

Основи Next.js

TypeScript з React

Data Fetching у Next.js

Server Actions у Next.js

Маршрутизація та Навігація в Next.js

API Routes у Next.js

Metadata & SEO у Next.js

Middleware та Auth у Next.js

Тестування React

Zustand State Management

Оптимізація продуктивності React

Error Boundaries & обробка помилок

Advanced React Patterns

Розширені можливості Next.js

Розгортання та Продакшн Next.js

Architecture & Design Patterns

React Server Components

Інтернаціоналізація Next.js

React Безпека & Найкращі Практики

Опануй React / Next.js для наступної співбесіди