MDN’nin arama otomatik tamamlama uygulama yöntemi

• Kullanıcı bir şey aramak istediğinde 11.690 yazı başlığı dizinini indirip yerelde arama yapıyor

→ Brotli ile sıkıştırılmış 144 KB’lık bir JSON dosyası (title,url)

→ Arama kutusunda onmouseover, onfocus olduğunda veya belgenin herhangi bir yerinde / girildiğinde bunu aramanın başlangıcı olarak algılayıp dosyayı indiriyor (veri dosyası ve arama fonksiyonu dosyası)

• Veri dosyasını indirip FlexSearch kütüphanesiyle dizini oluşturuyor ve UI işlemlerini downshift ile yapıyor

→ FlexSearch: hızlı bir full-text arama kütüphanesi

→ downshift: React için otomatik tamamlama bileşeni

→ Hangi sonucun önce gösterileceği, sunucuda JSON verisi oluşturulurken PV’ye göre sıralanıyor ve sonuçlar bu sıraya göre geliyor