← React53 / 78
Mutasi Data & Optimistic Update
Optimistic Update merubah tampilan UI secara instan sebelum server mengembalikan respon, lalu membatalkannya jika request di server ternyata gagal.
👀 Contoh dulu
// Langsung centang todo di UI ➔ Kirim request POST ke server ➔ Rollback jika error
Hasilnya: UI terasa sangat responsif dan tidak ada jeda tunggu bagi user.
💡 Memberikan User Experience (UX) kelas atas.
📝 Sekarang giliranmu
Lakukan perbaruan state todos secara optimis dengan memasukkan item baru newTodo ke dalam salinan array todos yang ada.
Preview