Tambahkan fungsi search

[3xploiton3]

tolong tambahkan kolom search, disertai shortcut CTRL + K

bisa pakai algolia

[gipsterya]

Halo! Buat sekarang saya belum melihat urgensi kolom pencarian di situs web EYD (apalagi untuk pengguna PC) karena konten EYD sangat sedikit dan daftar isinya bisa diakses di laman Beranda atau menu Navigasi.

Di kepala saya, kolom pencarian optimal untuk situs web yang isinya banyak atau kemungkinan pengguna akan mencari kata kunci dari isi konten (kalimat spesifik, bukan cuma judul), yang mana di EYD, saya kira, belum butuh.

Tapi karena proyek ini open source, kalau mau bikin salinannya sambil modifikasi fitur boleh banget! Oh ya, usul, kalau mau replika sambil bikin kolom pencarian, karena konten EYD sedikit dan kasus penggunaannya cenderung ke judul konten (orang lebih mungkin mengetik “tanda titk” daripada kalimat spesifik yang ada di laman Tanda Titik), kolom pencarian bisa dibikin pakai React Hook.

Contoh:

import { useState } from 'react'

function useQuery(data) {
  const [search, setSearch] = useState('')

  const query = data.filter((x) =>
    x.title.toLowerCase().includes(search.toLowerCase())
  )

  const setQuery = (e) => {
    setSearch(e.target.value)
  }
}

Lebih sederhana dan lebih mudah dirawat. :D