С состоянием чего работает библиотека RTK Query

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

Ответ

RTK Query работает с состоянием Redux. Она автоматически управляет кэшированием данных, загрузкой и ошибками, сохраняя всё в Redux store.

Пример:

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

const api = createApi({
  reducerPath: 'api',
  baseQuery: fetchBaseQuery({ baseUrl: '/api' }),
  endpoints: (builder) => ({
    getPosts: builder.query({
      query: () => 'posts',
    }),
  }),
})

Ключевые особенности:

  • Состояние хранится в Redux (включая кэш, статус запросов)
  • Автоматически генерирует actions и reducers
  • Оптимизирует перерисовки через memoization
  • Поддерживает инвалидацию кэша и повторные запросы