AOV - 2022-01 - Barra de búsqueda de regalos
Se te asigna la tarea de construir una barra de búsqueda con "debouncing" para productos utilizando la API de productos de DummyJSON. En caso de que no estés familiarizado con el concepto de "debouncing", es una técnica que permite retrasar la ejecución de una función hasta que haya transcurrido un tiempo específico desde la última llamada.
Para este desafío, necesitarás agregar un retraso de 300 milisegundos a la función findProducts
. Puedes hacer uso de implementaciones de debounce ya disponibles o intentar escribir una por ti mismo.
También necesitarás mostrar un indicador de carga genérico (un spinner o mensaje), y si la función se ejecuta con éxito, mostrar los nombres y precios de los productos sugeridos dentro de una lista desordenada. En caso contrario, usa el método nativo alert()
para mostrar un mensaje de error genérico.
Si el término de búsqueda se restablece a una cadena vacía, también debes borrar las sugerencias de búsqueda.
https://gitlab.com/ingmanuelcaicedo/2022-01-gift-search-bar