Cómo implementa MDN el autocompletado de búsqueda
(hacks.mozilla.org)<p>- Cuando el usuario intenta buscar algo, descarga un índice de 11,690 títulos de artículos y realiza la búsqueda de forma local<br />
→ Un archivo JSON de 144 KB comprimido con Brotli (`title,url`)<br />
→ Cuando ocurre `onmouseover`, `onfocus` en la caja de búsqueda, o cuando se ingresa `/` en cualquier parte del documento, se reconoce como inicio de búsqueda y se descarga el archivo (el archivo de datos y el archivo de funciones de búsqueda)<br />
- Después de descargar el archivo de datos, construye el índice con la biblioteca FlexSearch y maneja la UI con downshift <br />
→ FlexSearch: biblioteca rápida de búsqueda de texto completo <br />
→ downshift: componente de autocompletado para React<br />
→ Qué resultados se muestran primero se determina ordenándolos en el servidor según el PV al construir los datos JSON, y luego aparecen siguiendo ese orden</p>
Aún no hay comentarios.