Назад к вопросам
МВидео
Middle
3
React Toolkit использовали — использовали из него RTK Query? Знаком с Tanstack Query?
Компании, где спрашивали
Ответ от нейросети
sobes.tech AI
Да, я использовал Redux Toolkit в проектах, включая RTK Query для эффективного управления асинхронными запросами и кешированием данных. RTK Query значительно упрощает работу с серверными данными, автоматически обрабатывая загрузку, ошибки и обновления.
Также знаком с Tanstack Query (ранее React Query). Это библиотека для управления серверным состоянием, которая предоставляет мощные возможности для кеширования, синхронизации и обновления данных. В отличие от RTK Query, Tanstack Query не зависит от Redux и может использоваться отдельно.
Пример использования RTK Query:
import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
const api = createApi({
reducerPath: 'api',
baseQuery: fetchBaseQuery({ baseUrl: '/api' }),
endpoints: (build) => ({
getUser: build.query({
query: (id) => `user/${id}`,
}),
}),
});
export const { useGetUserQuery } = api;
Пример использования Tanstack Query:
import { useQuery } from '@tanstack/react-query';
function fetchUser(id) {
return fetch(`/api/user/${id}`).then(res => res.json());
}
function User({ id }) {
const { data, error, isLoading } = useQuery(['user', id], () => fetchUser(id));
if (isLoading) return 'Loading...';
if (error) return 'Error!';
return <div>{data.name}</div>;
}