Как правильно подгружать данные?

Question

[gooseNjuice ()]

В программе, которую я пишу, есть функция генерации репортов. Репорт предлагается двух видов: просто вывод на экран таблички с элементом паджинации, чтобы была возможность быстро листать туда-сюда. Здесь, по логике, было бы быстрее подгружать данные небольшими кусочками.
Ниже есть кнопка, которая берёт все записи и сохраняет в excel-файл. Тут альтернативы нет, нужно сразу подгрузить все данные. И ещё есть кнопка "refresh", которая подкачивает обновления из бд. Я не очень понимаю, как наиболее эффектвным образом обновлять состояние, чтобы не загружать все 100500 записей
Проблема в том, что записей в бд очень много и получаю я их примерно 60-70 секунд. Заказчик пользуется и тем, и тем.
Как лучше сделать, чтобы не приходилось долго ждать?
Для управления состоянием использую обычный react context

Comments

[WapSter]

А нафига ты подгружаешь данные, а не генерируешь exel на стороне бэкенда?

[gooseNjuice ()]

WapSter, потому что тимлид

Answer 1

[Ne7Le4Der]

Ну так у вас в вопросе и содержится ответ. На бэке допиливаем возможность (если её нет) получения данных с пагинацей, что-нибудь типо

{
    limit: 100 //Количество элементов на странице,
    page: 5 //Номер страницы
}

И получаем limit записей с отступом limit * page. Решение для таблицы есть.

А по excel файлу вам в комментариях правильно написали, не нужно тащить всё на фронт, генерируйте файл на бэке и отдавайте его