Что в React Query облегчает разработку и создание запросов на сервер

«Что в React Query облегчает разработку и создание запросов на сервер» — вопрос из категории Библиотеки, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

React Query упрощает работу с серверными данными, предоставляя готовые хуки (`useQuery`, `useMutation`) и автоматически управляя кешированием, фоновым обновлением, инвалидацией данных и обработкой ошибок. Пример с `useQuery`: ``` import { useQuery } from 'react-query'; function fetchPosts() { return fetch('/api/posts').then(res => res.json()); } function Posts() { const { data, isLoading, error } = useQuery('posts', fetchPosts); if (isLoading) return 'Loading...'; if (error) return 'Error!'; return (
    {data.map(post =>
  • {post.title}
  • )}
); } ``` Ключевые преимущества: * Автоматический кеш (данные не перезапрашиваются без необходимости) * Фоновое обновление при возврате на страницу * Оптимистичные обновления в `useMutation` * DevTools для отладки запросов * Пагинация и бесконечная подгрузка "из коробки"