Какой подход лучше для фильтрации / сортировки, react/redux?

Question

[beefront17]

Добрый день! Подскажите пожалуйста как лучше делать фильтрацию / сортировку в react/redux приложении?
Вопрос как лучше: на каждое собитие сортировки/фильтрации делать новый запрос на сервер с соответствующими параметрами или сохранять все данные в стейте и работать уже с ним?
Данных по сути не много будет, около 20 объектов.
Хотел бы услышать плюсы/минусы обеих подходов.

Спасибо!

Answer 1

[Антон Спирин]

1. Если у вас 20 объектов, которые никогда не меняются и по факту так и так используются вашим приложением, то их вообще можно загружать/добавлять на стороне сервера и, не делая никаких запросов, а фильтровать данные на стороне клиента.
2. Если данных много и они могут измениться в любой момент, то надо перезапрашивать по каждому изменению фильтра. Для обработки действий пользователя при этом лучше использовать debounce.

Comments

[andrew_andrey]

А можно уточнить по поводу debounce? Немного не в тему. При вводе строки в текстовое поле, делаю запрос на сервер по событию input с debounce, допустим, 500мс, чтобы получить все совпадения. Пока идет запрос и приходит ответ pending === true и попытка другого запроса игнорируется. То есть НЕ на весь пользовательский ввод я получаю релевантные данные. После ввода, иногда, дополнительно приходится нажимать enter, что вообще не интуитивно. Но и ддосить сервер не очень хочется. Как правильно организовать такой поиск?

[Антон Спирин]

andrew_andrey, вам не надо блокировать обработчик состоянием pending, если пользователь изменил фильтр, то его уже мало интересует предыдущий запрос. Сам debounce именно для того, чтобы не посылать запросы пока пользователь не закончил ввод.
Отмена блокировки запроса по pending должна решить вашу проблему.