Latihan 1: Infinite Scroll — HTMX

Latihan 1 dari materi Infinite Scroll di HTMX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Buat infinite scroll pattern:

List items awal
Sentinel div dengan hx-trigger="revealed"
Swap dengan outerHTML untuk mengganti sentinel

Hint

hx-trigger="revealed" memicu request saat elemen masuk viewport.
Letakkan sentinel div di akhir list, load halaman berikutnya.
<div hx-get="/api/items?page=2" hx-trigger="revealed" hx-swap="outerHTML">Loading more...</div>

🔄

Memperbarui Aplikasi

Versi baru tersedia. Halaman akan dimuat ulang otomatis...

Masih kosong setelah muat ulang?

1. Tutup paksa aplikasi lalu buka lagi

2. Hapus cache: Pengaturan > Aplikasi > Hyper Sheets > Hapus Cache

3. Jika pakai browser: tekan Ctrl+Shift+R

Butuh bantuan?

Gabung Discord Laporkan Bug