← React35 / 78

'You Might Not Need an Effect'

Jika data dapat dikalkulasi dari props/state yang ada saat render, HINDARI menggunakan useEffect + setState tambahan.

👀 Contoh dulu

// ❌ BUKAN EFFECT:
// useEffect(() => setFullName(first + last), [first, last]);

// ✅ CUKUP:
const fullName = first + ' ' + last;

Hasilnya: Menghindari re-render ekstra yang memperlambat aplikasi.

💡 Transformasi data untuk render sebaiknya langsung dihitung di body komponen.

📝 Sekarang giliranmu

Hitung variabel boolean bernama isAdult langsung dari properti/state age (yang dianggap bernilai angka). Variabel ini bernilai true jika age 18 ke atas.

Preview
← SebelumnyaBerikutnya →