Как лучше делать пагинацию на React?

Question

[Stoble]

Использую react и firebase. Нужно сделать постраничный вывод товаров. Как лучше сделать: сразу получить все товары из базы данных, поместить их в useState и потом уже выводить постранично из useState или лучше каждый раз, при переключении страницы делать запрос на сервер и получать новые товары.

Будет ли как-то сказываться на производительности получение и хранение всех товаров на фронте. В БД товаров около 200.

Comments

[vadimizer]

скорей всего технически будет правильней делать запрос к БД или сделать пулл соединений

Answer 1

[foterio]

Привыкайте запрашивать данные на клиент только, те, которые необходимы. Смысл от 200 товаров, если клиент увидит только 10. Ну или 30. У приложения будет лишний трафик + плата за использование Firebase.
Запрашивайте первые 20 товаров, остальные подгружайте через useEffect. Все полученные товары кэшируйте на клиенте. Таким образом вы сократите нагрузку на backend и на сеть, так как пользователь может туда сюда по страницам ходить.