Писал ли API на RTK Query

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

Ответ

Да, писал. RTK Query — это мощный инструмент для работы с API в Redux Toolkit. Он упрощает загрузку данных, кэширование и управление состоянием.

Пример:

import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';

const api = createApi({
  reducerPath: 'api',
  baseQuery: fetchBaseQuery({ baseUrl: '/api' }),
  endpoints: (builder) => ({
    getPosts: builder.query({
      query: () => 'posts',
    }),
    addPost: builder.mutation({
      query: (post) => ({
        url: 'posts',
        method: 'POST',
        body: post,
      }),
    }),
  }),
});

export const { useGetPostsQuery, useAddPostMutation } = api;
export default api;

Плюсы:

  • Автоматическое кэширование
  • Интеграция с Redux
  • Минимум шаблонного кода
  • Поддержка хуков React

Использовал в проектах с большим количеством запросов — очень удобно.