Migrasi Versi dengan AI, Verifikasi oleh Kamu

Migrasi antarversi framework adalah pekerjaan yang polanya jelas, jadi AI cukup membantu — tapi ia juga rawan mencampur sintaks lama dan baru karena keduanya ada di data latihannya. Contoh klasik di React: componentDidMount pada class component digantikan useEffect dengan array dependensi kosong pada function component. Setelah migrasi, wajib kamu verifikasi sendiri: jalankan aplikasinya, jalankan test, dan periksa perilaku yang bergantung pada siklus hidup komponen. Kode yang 'kelihatannya sudah modern' belum tentu berperilaku sama.

👀 Contoh dulu

// pola lama (class component)
// componentDidMount() { muatData(); }

// pola baru (function component)
useEffect(() => {
  muatData();
}, []);

Hasilnya: Efek dijalankan sekali setelah render pertama, sama seperti componentDidMount.

📝 Sekarang giliranmu

Migrasikan potongan class component di editor: tulis pemanggilan useEffect yang menjalankan muatData() sekali saja setelah render pertama (perhatikan array dependensinya).

Preview