Sobes.tech
Back to questions
Middle
2

React Toolkit использовали — использовали из него RTK Query? Знаком с Tanstack Query?

Companies where asked
МВидеоМВидео

Answer from AI

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>;
}