JANGAN PAKE STATE buat fitur searching

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

[@agus-wesly]

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]

ini lebih bagus utk ux

[@yusufmafif]

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

[@voidfnc]

next video deh yaa, tapi wajib jadi first ya kamu

[@yusufmafif]

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

[@vexl.project]

Nah ditunggu

[@PonziSchrodinger]

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]

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

[@x-xenotox]

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

[@voidfnc]

@@x-xenotox rill coyyy

[@m.ajiperdana6093]

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

[@voidfnc]

thanks broo, ditampung dulu yaaa

[@imamsaukani7829]

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

[@voidfnc]

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

[@maulanakayyis3635]

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

[@voidfnc]

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]

siap, thanks insight nya bang@@voidfnc

[@windowsautoupdate1183]

thanks pro tips nya bang 🤟

[@maulgans]

makasih kak

[@nawumi_one]

pakai zustand terus aktifin fitur persist

[@gesarizky]

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

[@usamah6146]

nicee 👍👍

[@NoPal-vj7ci]

Openingnya mantap wkwk

[@jpwt6747]

Bang dicari in sepuh php katanya abang ngejelekin php

[@voidfnc]

jalan damai aja bang 🙏

[@WanAzmi]

Di tunggu paginations nya bang

[@naufalnasrullah6965]

Mirip penggunaan useLocation dari react-router-dom ya bang

[@voidfnc]

lupa namanya apa di react-router-dom hehe

[@naufalnasrullah6965]

@@voidfnc 😔🥀

[@rayaprasetya2862]

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

[@voidfnc]

jangan dong pak 😭

[@helpsleepingrelax3071]

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

[@voidfnc]

cocok banget, jgn lupa debouncing yaa

[@asepbensin1469]

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

[@voidfnc]

gabungan antara semuanya wkwkwk

[@Lionel_R21]

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]

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]

@@voidfnc njir lah dibalas ges sma kairi

[@voidfnc]

@@Lionel_R21 gue bukan kairi bjirr😅

[@RenekiChan]

​@@voidfncbang coba ngomong tagalog bang

[@rizkydjanuar2809]

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

[@voidfnc]

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]

@@voidfnc ince info puh

[@voidfnc]

@@rizkydjanuar2809 aku mah masih pemula 🙏

[@ihsannurulhabib9729]

Kalo case nya search tapi server component gimana tu bang?

[@voidfnc]

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

[@shezzz761]

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

[@achmadichzan]

Tanpa clickbait, strimer kecil bisa apa? 🗿

[@voidfnc]

bisa difitnah anti php😭

[@yannnisme]

aku bocil pertama nih🗿, dapet apa?😂

[@voidfnc]

dapet pap mau?