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

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

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

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

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

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

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
IT ATLAS Москва
от 200 000 до 250 000 ₽
ITK academy Казань
от 50 000 до 90 000 ₽