Server Components and Client Components
Menentukan batas server dan client pada App Router agar UI tetap interaktif tanpa menjadikan seluruh route sebagai Client Component.
Ikuti lesson dari atas ke bawah agar konsepnya nyambung. Kamu tetap bisa membuka lesson mana pun untuk review.
Alur belajar module
Lesson disusun sebagai jalur belajar. Uji Kompetensi di akhir menjadi checkpoint sebelum lanjut module berikutnya.
Server Components
Mengenal Server Components sebagai default pada App Router dan memilih UI yang tidak membutuhkan interaksi browser.
Client Components
Memilih Client Component ketika UI membutuhkan state, event handler, effect, custom hook, atau browser API.
use client Boundary
Menempatkan "use client" pada component interaktif agar batas client tetap kecil dan mudah dipahami.
Passing Props Across Boundaries
Mengirim data sederhana dari Server Component ke Client Component melalui props yang dapat diserialisasi.
Common Boundary Mistakes
Mendeteksi hook, event handler, browser API, dan props function yang ditempatkan pada sisi boundary yang keliru.
Uji Kompetensi Server and Client Components
Checkpoint kesiapan untuk menentukan boundary server/client, menggunakan "use client" secara tepat, dan meneruskan props sederhana.