Задать вопрос
@bitwheeze

Как избежать мигания при загрузке данных?

У меня есть список пользователей который я загружаю через REST АПИ 1 Список грузится страницами по 10 или 20 записей. На основании списка рендерится табличка. Для каждого пользователя в табличке другим REST АПИ 2 вызовом подгружаются данные о пользователя Получается так, что сначала табличка рендерится со списком пользователей и с одной пустой колонкой, потом обновляется вся табличка, уже с данными в этой колонке. Причем соджержимое колонки влияет на высоту строки в таблице, естественно после загрузки данных всю табличку корежет. Визуально выглядит страшно, как мигание странички, если переходить между разными страницами основного списка. Мелькает сначала пустая таблица, потом тут же обновляется.

Как решение, на ум пришло только грузить сразу все данные и только потом отображать. Выглядит лучше, но теперь вся страница грузится сукунду, прежде чем обновиться. Что будет у пользователей с плохим подключением к сети?

Есть какие то еще способы, что бы минимировать мерцание, в таких случаях?

Спасибо
  • Вопрос задан
  • 212 просмотров
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Нетология
    Frontend-разработка на React
    10 недель
    Далее
  • ProductStar
    Разработка на React
    6 недель
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
Решения вопроса 1
vmakhnyuk
@vmakhnyuk
Frontend developer
В таких случаях, обычно показывают спиннер до загрузки данных. После рендерим таблицу. Это решение в лоб, возможно вам оно не подойдёт
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
от 250 000 до 300 000 ₽
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
ITK academy Екатеринбург
от 50 000 до 90 000 ₽