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
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
9 ай бұрын
ini lebih bagus utk ux
thanks pro tips nya bang 🤟
makasih kak
Video² nya gokil² bangg,, semangat terus berkarya bang 🔥🙌 Request tutorial untuk private routing next js by role user dong bangg 🙏
@voidfnc
9 ай бұрын
thanks broo, ditampung dulu yaaa
nicee 👍👍
Makasih banyak abang Void.. 😃 Bang.. request dong bahas cara kerja pagination. 🙏
@voidfnc
9 ай бұрын
next video deh yaa, tapi wajib jadi first ya kamu
@yusufmafif
9 ай бұрын
heheh.. berat tuu 😅@@voidfnc makasihh bang.
@vexl.project
9 ай бұрын
Nah ditunggu
baru aja tadi implementasi ginian bang.... pake router navigation
Openingnya mantap wkwk
sumpah bang video" lu penjelasan nya super duper mudah dipahami, buat course online dong bang wkwkw
@voidfnc
9 ай бұрын
thanks broo, kalo course online entar ya kapan2 via youtube ajaa hehee
pakai zustand terus aktifin fitur persist
Di tunggu paginations nya bang
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
9 ай бұрын
thankyou sarannya bro, tapi sorry banget sayangnya itu gak akan ada seri lanjutannya hehe
@x-xenotox
9 ай бұрын
@@voidfnctakut kalo di lanjutin tiba tiba ada yg sawer Dari toto wlwkw
@voidfnc
9 ай бұрын
@@x-xenotox rill coyyy
kalo nambah sorting di params pake method ini termasuk best practice ga bang?
@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
9 ай бұрын
siap, thanks insight nya bang@@voidfnc
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
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
9 ай бұрын
@@voidfnc njir lah dibalas ges sma kairi
@voidfnc
9 ай бұрын
@@Lionel_R21 gue bukan kairi bjirr😅
@RenekiChan
9 ай бұрын
@@voidfncbang coba ngomong tagalog bang
Kalo search nya ketriger berdasarkan ketikan user tanpa button cari apakah cocok untuk penerapan teknik tersebut bang?
@voidfnc
9 ай бұрын
cocok banget, jgn lupa debouncing yaa
Mirip penggunaan useLocation dari react-router-dom ya bang
@voidfnc
9 ай бұрын
lupa namanya apa di react-router-dom hehe
@naufalnasrullah6965
9 ай бұрын
@@voidfnc 😔🥀
kenapa pake router.push ? bukannya bakalan banyak nyampah history ya ? kenapa engga pake replace aja ?
@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
9 ай бұрын
@@voidfnc ince info puh
@voidfnc
9 ай бұрын
@@rizkydjanuar2809 aku mah masih pemula 🙏
lu tau hal hal kek gini itu dari mikir sendiri, berdasarkan pengalaman atau dikasih tau orang juga bang?
@voidfnc
9 ай бұрын
gabungan antara semuanya wkwkwk
gua pernah bikin gini bang, tapi mode barbarnya, jadi inputan searchnya gua masukin ke local storage wkwk
@voidfnc
9 ай бұрын
jangan dong pak 😭
Kalo case nya search tapi server component gimana tu bang?
@voidfnc
9 ай бұрын
harusnya sih kalo buat fitur search pakenya client component yaa, cuma blm pernah praktekin juga hehe
@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?
Bang dicari in sepuh php katanya abang ngejelekin php
@voidfnc
9 ай бұрын
jalan damai aja bang 🙏
Tanpa clickbait, strimer kecil bisa apa? 🗿
@voidfnc
9 ай бұрын
bisa difitnah anti php😭
aku bocil pertama nih🗿, dapet apa?😂
@voidfnc
9 ай бұрын
dapet pap mau?