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

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

Использую два подхода в зависимости от ситуации:

  1. Последовательные запросы (когда второй запрос зависит от первого):
javascript
async function fetchData() {
  try {
    const firstResponse = await fetch('/api/first');
    const firstData = await firstResponse.json();
    
    const secondResponse = await fetch(`/api/second?id=${firstData.id}`);
    return await secondResponse.json();
  } catch (error) {
    console.error('Error:', error);
  }
}
  1. Параллельные запросы (когда данные независимы):
javascript
Promise.all([
  fetch('/api/first'),
  fetch('/api/second')
])
.then(responses => Promise.all(responses.map(r => r.json())))
.then(([firstData, secondData]) => {
  // обработка данных
});

Для сложных сценариев можно комбинировать подходы, добавляя обработку ошибок и индикаторы загрузки. В современных приложениях часто используют RTK Query или React Query для управления подобными запросами.

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

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

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

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