Как лучше реализовать механику Автокомплита поисковой строки?
Добрый день. Задумался о том, как лучше реализовать автокомплит для поиска. Поиск будет производиться через API-запросы на сервер, откуда и будет приходить результат.
Получается, мне нужно вешать на инпут onChange и при каждом изменении посылать запросы на сервер с вэлью инпута? А потом отрисовывать ниже див с пришедшими результатами. Не слишком ли это "затратно"? Ну то есть, это ж куча АПИ-запросов по каждому введенному символу.
И как лучше сам див с автокомплитом реализовывать? Вручную или для этого есть какие-то популярные библиотеки? (для инфинити скролла мне вчера хорошую тут посоветовали)
Все очень просто.
Обычный инпут, при изменении - отправляешь запрос, при вводе следующего символа - отменяешь предыдущий запрос и посылаешь новый.
Результаты рисуешь в саджесте, выводи 10 штук - больше нет смысла
Нет, это не затратно.
Нужен еще бэк быстрый, чтобы все это нормально смотрелось
mDrama, поищите в доках либы, которую используете для запросов. В axios есть такая поддержка, Redux-saga реализует это при помощи takeLatest по-моему. Ну и вот просто дока тыц
Средний