Сортировка и фильтрация на стороне клиента.Как к этому подойти?

Question

API GraphQL из бэкэнда предоставляет табличную информацию о более чем 10000 элементов (нормализованные данные) (т.е. контактные данные: имя, должность, компания, номер телефона, адрес электронной почты ...)

После получения этих данных в передней части. Я хочу сортировать по полям и искать и фильтровать по ключевым словам.

Подход, о котором я думаю, заключается в том, что после получения данных через API GraphQL к компоненту я могу вызвать событие onclick для вызова функции сортировки и т. Д. Внутри компонента.

Это наивный подход? Есть ли лучший способ справиться с этим?

Answer 1

Лучший способ справиться с сортировкой должен быть на стороне сервера. Если вы действительно хотите сделать это на стороне клиента, сначала вы должны показать данные такими, какие они есть, а затем вызвать onChage, когда пользователь изменяет сортировку или ключевое слово.

Я бы порекомендовал вам использовать lodash библиотеку: https://www.npmjs.com/package/lodash для сортировки и фильтрации.

Вот несколько полезных ссылок, которые расскажут вам больше о серверной и клиентской сортировке.

https://www.c -sharpcorner.com / форумы / разница между ними-клиент-бок подкачки и-серверный-пейджинг

Нумерация страниц: на стороне сервера или на стороне клиента?

Где должна выполняться сортировка данных? Сервер или клиент?

https://softwareengineering.stackexchange.com/questions/249897/web-app-filtering-information-client-side-vs-server-side