Debug
React Native dan Expo menyediakan beberapa lapisan untuk melihat error, log, dan perilaku jaringan saat pengembangan.
Log & error
- Terminal menjalankan Metro bundler menampilkan error compile dan banyak
console.log. - Di perangkat, shake menu (dev client) membuka developer menu: reload, inspector, dll.
- Hindari log data sensitif (token, PII) di build production.
React errors
- Pesan “red box” menunjuk stack komponen; perbaiki sumber di file yang disebut.
- Untuk state rumit, pertimbangkan React DevTools (sesuai versi RN/Expo yang Anda pakai).
Jaringan & async
- Periksa URL, header, dan body request; gunakan log terstruktur atau proxy (Charles, mitmproxy) hanya di lingkungan dev.
- Pastikan error API ditangkap dan ditampilkan ke pengguna dengan pesan yang aman.
try {
const res = await NXUI.Storage().example().news({ news: 1 });
console.log("[news][ok]", { total: res?.data?.length || 0 });
} catch (error) {
console.log("[news][error]", {
message: String(error?.message || error),
});
}