SESI4 - Pagination Core Logic | Next JS 2023
Вставка
- Опубліковано 20 жов 2024
- 🔥 CUYUNIVERSITY Semester 4 - Kurikulum baru🔥
Full playlist:
• 🌟Cuy University | CuyA...
Full source code CuyAnimeList udah bisa kalian download, check ataupun clone ya guys!
untuk yang ikutin playlist cuyuniversity semester 4 kali aja butuh compare code & make sure, berikut full source code sampe sesi 9.
link: github.com/dea...
dan untuk diskusi bisa disini: github.com/dea...
Demo website hasil (progressive) project: cuyanimelist.v...
Playlist sumber belajar sebelumnya:
1. Cuyuniversity semester 1:
• 🌹 Cuy University | HTM...
2. Cuyuniversity semester 2:
• 🌼 Cuy University | CSS...
3. Cuyuniversity semester 3:
• 🐱💻 Cuy University | N...
4. Javascript Journey:
• 🍌 Javascript Tutorial 🍌
5. React JS Journey:
• 🍔 React JS From 0 🍔
Transfer DONASI: saweria.co/dea...
Join this channel to get access to perks:
/ @deaafrizal
#programming #tutorial #coding
Istagram: / dea.afrizal
=================
💌 Email (for business) 💌
dealabs@icloud.com
==================
🔻🔻🔻 SUBSCRIBE 🔻🔻🔻
For More Update
🔺🔺🔺LONCENGNYA 🔺🔺🔺
👍👍
const handlePrevPage = () => {
if(page > 1){
setPage((prevState) => prevState - 1)
scrollTop()
}
}
Bang, gue baru banget ketemu chanel lo.. Knapa ngga dari awal gue masuk jurusan TI tau chanel ini.. Otw gabung chanel lo bang.. Mangatt teruss bang,, materi lo daging semua 👍🏻
gassssss
Wadidaw persoalan Pagination aja riweuh kitu... beda dengan Laraval... tapi gaslah... penasaran dengam JS.
pang nyieunin tutor laravel website e comerce+contol panel mang
Semangat ❤
gasss
mantap mang gas terus
materi mantap nih
Langsung gas ini mah 😅
Siap menyimak
siap oy
@@deaafrizalcamilan sudah siap 😂
buseeettt, intonya keren
Oke mantap
selanjutnya kalo boleh, buat untuk counter viewnya bang.
menarik
kalau 6:06 gua tambahin if(keyword.trim() == "") return
kalau pake cara yg di video kalau kita masukin spasi masih bisa kesearch bang
aahh manis sekali, agree bro! great job! 🔥
Langsung kita gasken
yowww
Kang mau nanya saya nge hit api yang recommendation/anime
Datanya muncul
Di paginationnya hanya ada
Last_visible_page dan
has_next_page
Tidak ada items seperti di top anime
Itu gimana masalah untuk pagination nya kang?
mantap kang, next nya ditunggu untuk infinite scroll logic hehe
bang next semestee project redux dong..
semangat bang dea dosen cuy universe👍
bg page di jikan nya sudah 0 tidak bisa di last_visible_page{page}
GG onichan semangat sensei buatnya😊
Wow kaya tugas jaman dlu pak teguh y😢tpi lebih rumittt ya
maaf bang oot, cuma mau tanya, siapa tau disini ada yang bisa bantu jawab, cara bikin image placeholder yang kayak di server discord tuh gmn yaa, yang biasanya ada di portal selamat datang, nanti si bot bakal kirim gambar yang sudah ada template nya dengan teks dan gambar dinamis di dalamnya, saya rencana mau buat fitur itu di projek wa bot saya, tapi gatau bikinnya pake apa, dah coba cari beberapa di google cuma bisa ganti teks, warna ukuran doang, saya mau seperti yang ada di discord, dimana gambar background nya dari saya. terimakasih
hadir bang
gass
Bang gimana pendapat mu tentang flutter bang?
bang kok pas gw masukin pagination nya kok error ya
Pakein tanda tanya. "topAnime?.pagination?.last_visible_page"
@@pratamakusma3035 wanjir makasih infonya bg wkwkwk kok bisa bg dikasih ? bisa jelasin gak bg?
saya coba page kirim pake url jadi ga terlau rumit bang😅
bang nextnya form input & hook hee
Bang mau nanya kalo tanpa pagination langsung ngeload data nya gitu bisa gak ya bang? Jadi tanpa per_page?
Mas saya pen beli laptop Acer aspire 3 yg pake prosesor AMD rayzen R5 7520U ram 8/512gb buat ngoding enak gak yah mas semoga di bales 😇
Tutornya untuk yang ddi android dong.. Cara codingnya.. Ak cmn lihat dikit.. Gk full di video nya abg
Bang kok punya gw Cannot read properties of undefined (reading 'last_visible_page')
Kenapa ya?
di topAnime.pagination kasih tanda tanya bro. jadi kyk gini, lastPage={topAnime.pagination?.last_visible_page}
Halo bang mau nanya nih, kalo kayak gini gimana ya TypeError: Cannot read properties of undefined (reading 'last_visible_page') mohon bantuan nya
coba di console log dlu bro apa datanya muncul atau engga
kalo kagak keluar data nya gimana tuh bang dea?
@@deaafrizal
udah bisa BANG?
@@richorasta1493
di topAnime.pagination kasih tanda tanya bro. jadi kyk gini, lastPage={topAnime.pagination?.last_visible_page}
udah mau ? cobain di pagination dikasi ?.... abc={anime.pagination?.last_visible_page}
Bang buat web topup games dong pake payment midtrans dan next jd 😅
maaf mas izin tanya saya gak ada eror tapi populer nya not found padahal folder dan isi nya sudah saya buat sudah ngulang beberapa sesi tetapi tetap tidak ketemu mas mohon pencerahan
nya
ke forum aja bro di share masalahnya, cek link nya di about youtube gue ya
next fitur apa lagi bang de
Bg tolong buatin tutor create akun linode dong:))dari kemarin dicancel terus bg😅
Ngoding nya cuma modal hp di apk apa web mana bng,mau ngoding tapi gk tau mau make apa
bang saya lg belajar next js + tailwind, nah saya ada problem ketika page di refresh kadang" tailwindnya tidak bekerja kira" knp ya?
Di dev nya ato prod nya ?
@@VersiPertama di dev bang
kenapa harus di rename jadi JSX ?
secara performa apa ngaruh ?
Halo bang, gw ad problem stiap klik button mau prev atau next selalu ada loading datanya jadi scroll behaviornya tidak berfungsi, tidak seperti di contoh yg data langsung keubah tanpa adanya loading, biasanya itu tergantung device saya yg lambat renderingnya atau emg ad caranya?
kalau sintaks udah sama, keknya koneksi internet bro ketika next page kan nge load dari api
@@deaafrizal update bang sudah fix, masalahnya kelebihan async aja pada component page populer yang seharusnya tidak perlu d pakai, lgsg semangat lanjut semester 4 🔥🔥
@@pico.9111 oh iya ya lupa gk dihapus. thanks
next js sama API dari laravel 10 bangg
Bang bikin tutorial laravel 10 donk bang
kira kira laptop dengan Intel core i5 gen 3 kuat ga buat coding gini?
kuat
bre, gw pas coba yg halaman 1 of lastPage malah error. tulisannya last_visible_page not defined, padahal yg laen fungsi semua. gw coba console log topAnime nya malah array kosongan yg keluar. knp ya?
udah pake "?" atau belum masbrooh
udah pake padahal, sama aj. topanime nya baru bisa ke console.log pas gw teken tombol next page. klo pas nge load halaman populer biasa, kagak ke console log@@deaafrizal
dah bisa bos wkwk. gara2 gw ngide sendiri nyoba kirain fungsi next sama prev page nya bisa di popular bukan di pagination@@deaafrizal
@@ignas3739tadi saya dapet masalah yang sama tapi udah bener sekarang, pas pagination tambahin "?" jadi {topAnime.pagination?.last_visible_page} entah kenapa jadi work wkwkkw
Udah bisa bang?
Hadir
woyy
if(page==1) return dan if(page==1037) return?
ayo dikit lagi itu mahhh
page ===1 ? null :
page < lastPage
bestiessss @@pokemoon4012
kalo.logic di backend buat mainan pagination kek mana ya?
buat api get dengan parameter page, misal mau menampilkan 10 data, maka
terus lakukan request ke database dengan select id, judul, thumbnail from tabel offset page * 10 limit 10;
tips :
ambilah kolom yang bener bener diperlukan, jika ada kolom yang tidak diperlukan hindari mengambil semua kolom dengan select *, misal di homepage kan ga menampilkan sinopsis filmnya, hanya menampilkan judul dan gambar thumbnail, kemudian membutuhkan data id untuk setting url detail film, maka cukup ambil kolom id, judul, thumbnail. fungsinya untuk mempercepat performa dengan hanya mengambil data yang memang diperlukan maka akan memperkecil ukuran data yang dikirimkan melalui network.
tips kedua kalau nemu cara implementasi tanpa menggunakan offset dan limit, yaitu menggunaoan where, maka pakailah where, karena offset dan limit lebih lambat dari where, karena offset dan limit perlu membaca seluruh data dulu sebelum menerapkan offset dan limitnya.
cara kedua ambil semua data dengan select * from tabel, lalu cache hasil querynya ke memori ram. kemudian tinggal membaca data yang uda dicache tersebut lalu melakukan mapping datanya sesuai apa aja yang akan ditampilkan dan berapa jumlahnya.
Bang dea rekomendasi tempat beli buku buat belajar 😄
togamas mayan bagus2 bro
33:39 punya saya ga jalan, gmna tuh ya?? bntu jwb guys nge stuck nih hehe
tonton dulu menit2 berikutnya, ada cara solve nya kok
Mau nanya bang. Kalo kita ngikutin dan ngerjain project tutorial gini, bisa dijadiin portfolio kita ga?
Bisa, tp yg terpenting tetap pemahaman dan skill
@@VersiPertama siapp. Tengkyu udah mau jawab
Bg, maaf pertanyaannya melenceng dari judul🙏 mau nanya misalkan kita punya website top up game, disaat kostumer belanja, apakah bisa web kita yang memproses untuk melakukan pengiriman diamon atau uc dengan sendirinya tanpa tindakan kita?
Kalau bisa bagaimana caranya atau ada tutornya gak bg?
ini perlu punya kunci api gamenya sih, biar bisa ngirimin uang pembayaran ke pihak game + mengirim id pemain ke api server gamenya biar gamenya menambahkan diamond berdasarkan id pemain
secara kasarannya 😂😂😂
untuk hal semacam itu coba pelajari minimal api & payment gateway mas bro
@@deaafrizal makasi masbro
Makasi mas bro
Bang tema vscode nya apaan bang?
Bang Pascal Dong ajarin Dari 0 sampe lancar hehhee
Bang bikin avn untuk buka sesi login
bang selanjutnya next auth bang wkwk
setujuuu
eror undefined is not an object (evaluating 'topAnime.pagination.last_visible_page') gimana kang
pakein tanda tanya coba. topAnime?.pagination?.last_
Bang tutor bkin siakad bang
noted bro
Bang cara buat web kek dood gitu gimana ya? Kan itu bisa menghasilkan duit😅
Simpen videonya di cloud macam server s3, jadi kalo takedown server utamanya, storage video²nya masih aman jadi bisa bikin situs baru
Terus pelajari networking dan pake server luar, gapapa user harus pake vpn yg penting birokrasi dan tracking server luar ribet jd bisa dalih kalo kita kena tangkap orang kita ga pake server lokal
bang ko saya lastpage munculnya 1036 yaa wkwkwk
beda y? 🤢
Bang next bahas pawno dong soal nya jarang semoga di jawab heheh soal nya keperluan untuk belajar dev server samp.
sebut namaku bang
siapmalakaaaa
Kenapa di bagian. 33:40 lastPage={topAnime.pagination.last_visible_page} malah TypeError: Cannot read properties of undifined (reading'last_visible_page') padahal pas di coba di console udah muncul
udah di tambahin ? belum?
@@marsmellow0635 ngubek ngubek sejaman, tanya tanya chat gpt, eh pas lanjut nonton malah dikasih jawabannya ama bang dea sndiri bjir bjir :v
@@dheikudeden7933MANTAPP!!
JAWABAN TUGAS SAYA :
if (page == 1) {
setPage (1)
}
udah bener blom bang dea? soalnya gw coba udah gk ke -1 lagi dst.
maaf bang oot, cuma mau tanya, siapa tau disini ada yang bisa bantu jawab, cara bikin image placeholder yang kayak di server discord tuh gmn yaa, yang biasanya ada di portal selamat datang, nanti si bot bakal kirim gambar yang sudah ada template nya dengan teks dan gambar dinamis di dalamnya, saya rencana mau buat fitur itu di projek wa bot saya, tapi gatau bikinnya pake apa, dah coba cari beberapa di google cuma bisa ganti teks, warna ukuran doang, saya mau seperti yang ada di discord, dimana gambar background nya dari saya. terimakasih
Hadir
oyyy