Встречается на собеседованиях • сегодня

Как организуешь хранение данных по карточкам с Backend для частичной выдачи пользователю

Использую пагинацию с бесконечной подгрузкой или кнопкой "Показать еще". На бекенде реализую API с параметрами limit и offset:

js
// Запрос
const loadCards = async (page = 1, limit = 10) => {
  const response = await fetch(`/api/cards?page=${page}&limit=${limit}`);
  return response.json();
};

Для оптимизации:

  1. Кеширую полученные данные в Redux/Context
  2. Добавляю виртуализацию списка (react-window) при большом количестве карточек
  3. Использую Intersection Observer для автоматической подгрузки при скролле

Пример структуры ответа:

json
{
  "data": [],
  "meta": {
    "total": 100,
    "page": 1,
    "limit": 10
  }
}

Важно обрабатывать случаи, когда данные закончились или произошла ошибка загрузки.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы