Как оптимизировать большое количество строк в таблице?
Доброго времени суток.
Проект на стеке: React.js + Redux Toolkit. Есть страница с таблицей, данных очень много, и они прилетают не оптимизировано, 60% лишних, и на каждую строку 2 запроса. Данные в двух эндпоинах. Выкрутился, гружу первые, потом уже вторая часть, лоадер врубаю в тех местах где данные еще летят. Но строк очень много, 4к.
Клиент просит выводить их все, все 4 000 тысячи, сразу. Просит грузить по 100 штук в цикле.
Но на 200 строк таблицы у меня уже проект грузит рабочую машину так, что смена лоадеров прям лагает. Что будет при 4 000 я боюсь представить.
Что можно сделать в данной ситуации? Я не понимаю как сделать так, чтобы браузер не умирал и все летало? Я в целом не хотел бы так много показывать. Пагинацию внедрять в api не особо хотят, думаю как выкрутится.
Какой самый правильный выход? Как объяснить что столько данных пользователи не смогут отрендерить?