Server-State Thinking
Memisahkan data milik server dari state UI lokal, menampilkan data-fetching state yang jujur, memetakan response API, dan memakai optimistic update secara hati-hati.
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 State vs Client State
Membedakan data yang sumber kebenarannya berada di server dari state UI sementara yang hanya hidup di browser.
Loading, Error, and Empty States
Menyusun UI data-fetching yang jujur saat data masih dimuat, gagal didapat, kosong, atau siap ditampilkan.
Mapping API Responses
Mengubah response API menjadi model UI yang kecil, typed, dan tidak membuat component bergantung pada detail transport data.
Optimistic UI Basics
Memilih optimistic update yang aman dan memulihkan UI ketika server menolak perubahan.
Uji Kompetensi Server-State Thinking
Checkpoint untuk menilai kesiapan memisahkan data server, menampilkan state yang jujur, dan memulihkan mutation secara aman.