Kesalahan Umum: Mutasi Langsung & State Redundan

Jangan buat state baru jika nilainya bisa dihitung langsung dari state yang sudah ada (misalnya fullName = firstName + ' ' + lastName).

👀 Contoh dulu

// ❌ Jangan buat state fullName tambahan!
const fullName = firstName + ' ' + lastName; // ✅ Cukup hitung di render

Hasilnya: Kode lebih bersih dan tidak berisiko out-of-sync.

💡 Hindari duplikasi data state yang bisa dikalkulasi saat render.

📝 Sekarang giliranmu

Hitung string fullName dari firstName dan lastName secara langsung saat komponen di-render.

Preview