JANGAN PAKE STATE buat fitur searching

Follow my socials:
Instagram: / theodevoid
Discord: / discord
LinkedIn: / tmangowal
TikTok: / void_fnc
Twitch: / voidfnc
Sawer (Donasi):
saweria.co/voidfnc
Selama gue ada full-time job, 60% donasi akan disumbangkan ke orang-orang yang membutuhkan.

Пікірлер: 51

  • @agus-wesly
    @agus-wesly9 ай бұрын

    bisa dioptimisasi lagi mungkin, di useState kasih function aja buat akses query params nya. jadi pas page di refresh, input nya keisi sesuai dgn query params ( gak kosong ) :D

  • @KomentarSaya

    @KomentarSaya

    9 ай бұрын

    ini lebih bagus utk ux

  • @windowsautoupdate1183
    @windowsautoupdate11839 ай бұрын

    thanks pro tips nya bang 🤟

  • @maulgans
    @maulgans9 ай бұрын

    makasih kak

  • @m.ajiperdana6093
    @m.ajiperdana60939 ай бұрын

    Video² nya gokil² bangg,, semangat terus berkarya bang 🔥🙌 Request tutorial untuk private routing next js by role user dong bangg 🙏

  • @voidfnc

    @voidfnc

    9 ай бұрын

    thanks broo, ditampung dulu yaaa

  • @usamah6146
    @usamah61469 ай бұрын

    nicee 👍👍

  • @yusufmafif
    @yusufmafif9 ай бұрын

    Makasih banyak abang Void.. 😃 Bang.. request dong bahas cara kerja pagination. 🙏

  • @voidfnc

    @voidfnc

    9 ай бұрын

    next video deh yaa, tapi wajib jadi first ya kamu

  • @yusufmafif

    @yusufmafif

    9 ай бұрын

    heheh.. berat tuu 😅@@voidfnc makasihh bang.

  • @vexl.project

    @vexl.project

    9 ай бұрын

    Nah ditunggu

  • @gesarizky
    @gesarizky9 ай бұрын

    baru aja tadi implementasi ginian bang.... pake router navigation

  • @NoPal-vj7ci
    @NoPal-vj7ci9 ай бұрын

    Openingnya mantap wkwk

  • @imamsaukani7829
    @imamsaukani78299 ай бұрын

    sumpah bang video" lu penjelasan nya super duper mudah dipahami, buat course online dong bang wkwkw

  • @voidfnc

    @voidfnc

    9 ай бұрын

    thanks broo, kalo course online entar ya kapan2 via youtube ajaa hehee

  • @nawumi_one
    @nawumi_one5 ай бұрын

    pakai zustand terus aktifin fitur persist

  • @WanAzmi
    @WanAzmi9 ай бұрын

    Di tunggu paginations nya bang

  • @PonziSchrodinger
    @PonziSchrodinger9 ай бұрын

    Bang Kalo series Judi Online lanjut saya ada saran. 1.Hadiah besar(Jackpot) di dekatkan ke hadiah terkecil, 2.Setelah itu animasi rotasinya diperlambat diakhir supaya ketika mendekati jackpot ternyata dapet zonk. Itu adalah salah satu yang bikin ketagihan, berdasarkan pengamatan saya

  • @voidfnc

    @voidfnc

    9 ай бұрын

    thankyou sarannya bro, tapi sorry banget sayangnya itu gak akan ada seri lanjutannya hehe

  • @x-xenotox

    @x-xenotox

    9 ай бұрын

    ​@@voidfnctakut kalo di lanjutin tiba tiba ada yg sawer Dari toto wlwkw

  • @voidfnc

    @voidfnc

    9 ай бұрын

    @@x-xenotox rill coyyy

  • @maulanakayyis3635
    @maulanakayyis36359 ай бұрын

    kalo nambah sorting di params pake method ini termasuk best practice ga bang?

  • @voidfnc

    @voidfnc

    9 ай бұрын

    betul, better kayak gitu juga, cuma ga kesebut aja di video. Ambil contoh dari tokopedia misalnya, pas kita nyari barang, ganti page, dan sorting pasti URL-nya nambah query params. Supaya pas refresh ga ilang pilihan kita.

  • @maulanakayyis3635

    @maulanakayyis3635

    9 ай бұрын

    siap, thanks insight nya bang@@voidfnc

  • @Lionel_R21
    @Lionel_R219 ай бұрын

    lebih mantep lagi searchProduct nya dikasih nilai default dari router.query.search gak si bang? biar kalo di refresh, input searchnya ga kosong, ga bikin user bingung juga kok keluar datanya sedikit

  • @voidfnc

    @voidfnc

    9 ай бұрын

    ahiyaa ini boleh juga, sengaja dikosongin buat ngasih tunjuk bahwa value search udh ga ngambil dari state tapi udh dari query params. Tapi lebih bagus untuk UX kalau input searchnya isinya sesuai query params💯💯

  • @Lionel_R21

    @Lionel_R21

    9 ай бұрын

    @@voidfnc njir lah dibalas ges sma kairi

  • @voidfnc

    @voidfnc

    9 ай бұрын

    @@Lionel_R21 gue bukan kairi bjirr😅

  • @RenekiChan

    @RenekiChan

    9 ай бұрын

    ​@@voidfncbang coba ngomong tagalog bang

  • @helpsleepingrelax3071
    @helpsleepingrelax30719 ай бұрын

    Kalo search nya ketriger berdasarkan ketikan user tanpa button cari apakah cocok untuk penerapan teknik tersebut bang?

  • @voidfnc

    @voidfnc

    9 ай бұрын

    cocok banget, jgn lupa debouncing yaa

  • @naufalnasrullah6965
    @naufalnasrullah69659 ай бұрын

    Mirip penggunaan useLocation dari react-router-dom ya bang

  • @voidfnc

    @voidfnc

    9 ай бұрын

    lupa namanya apa di react-router-dom hehe

  • @naufalnasrullah6965

    @naufalnasrullah6965

    9 ай бұрын

    @@voidfnc 😔🥀

  • @rizkydjanuar2809
    @rizkydjanuar28099 ай бұрын

    kenapa pake router.push ? bukannya bakalan banyak nyampah history ya ? kenapa engga pake replace aja ?

  • @voidfnc

    @voidfnc

    9 ай бұрын

    kembali ke masing2 pertimbangan better UX-nya gimana sih. Gue personally pilih pake push justru supaya bisa kembali ke search results yg sebelumnya, contohnya kayak di tokopedia dia pake push. Tapi tentunya pake replace jg bisa aja 😁

  • @rizkydjanuar2809

    @rizkydjanuar2809

    9 ай бұрын

    @@voidfnc ince info puh

  • @voidfnc

    @voidfnc

    9 ай бұрын

    @@rizkydjanuar2809 aku mah masih pemula 🙏

  • @asepbensin1469
    @asepbensin14699 ай бұрын

    lu tau hal hal kek gini itu dari mikir sendiri, berdasarkan pengalaman atau dikasih tau orang juga bang?

  • @voidfnc

    @voidfnc

    9 ай бұрын

    gabungan antara semuanya wkwkwk

  • @rayaprasetya2862
    @rayaprasetya28629 ай бұрын

    gua pernah bikin gini bang, tapi mode barbarnya, jadi inputan searchnya gua masukin ke local storage wkwk

  • @voidfnc

    @voidfnc

    9 ай бұрын

    jangan dong pak 😭

  • @ihsannurulhabib9729
    @ihsannurulhabib97299 ай бұрын

    Kalo case nya search tapi server component gimana tu bang?

  • @voidfnc

    @voidfnc

    9 ай бұрын

    harusnya sih kalo buat fitur search pakenya client component yaa, cuma blm pernah praktekin juga hehe

  • @shezzz761

    @shezzz761

    9 ай бұрын

    const Page = async ({ searchParams }) => { let { q, page } = searchParams; if (parseInt(page) page = 1; } const resutsSearch = await getAnimeQuery(q, page); const { data, pagination } = resutsSearch; return ( Terdapat {pagination?.items.total} hasil pencarian untuk kata kunci "{searchParams.q}" : ); }; export default Page; kalau begini error ga bang?

  • @jpwt6747
    @jpwt67479 ай бұрын

    Bang dicari in sepuh php katanya abang ngejelekin php

  • @voidfnc

    @voidfnc

    9 ай бұрын

    jalan damai aja bang 🙏

  • @achmadichzan
    @achmadichzan9 ай бұрын

    Tanpa clickbait, strimer kecil bisa apa? 🗿

  • @voidfnc

    @voidfnc

    9 ай бұрын

    bisa difitnah anti php😭

  • @mascode.
    @mascode.9 ай бұрын

    aku bocil pertama nih🗿, dapet apa?😂

  • @voidfnc

    @voidfnc

    9 ай бұрын

    dapet pap mau?