Bab 8 dari 8 · 20 menit
Debugging, Pengujian, Praktik Terbaik, dan Rencana Belajar
Kualitas perangkat lunak seluler bergantung pada kebiasaan pelacakan bug (debugging) dan pengujian yang konsisten. React Native menyediakan sistem antarmuka LogBox yang langsung menampilkan kotak merah untuk kesalahan fatal dan peringatan kuning dengan menyertakan nama file serta nomor baris kode yang bermasalah. Untuk pengujian lanjutan, tekan tombol j di terminal untuk membuka React Native DevTools yang dilengkapi pemantau konsol, inspeksi jaringan, dan penjelajah hierarki komponen. Di perangkat fisik, goyangkan ponsel untuk menampilkan Expo Dev Menu.
Strategi pengujian aplikasi yang solid terdiri dari beberapa lapisan:
- Pengujian Unit: Menggunakan Jest untuk menguji fungsi komputasi mandiri dan alur logika bisnis murni tanpa melibatkan antarmuka layar.
- Pengujian Komponen: Menggunakan React Native Testing Library (RNTL) untuk menguji responsivitas komponen dari perspektif pengguna, seperti mencari keberadaan teks dan menyimulasikan ketukan tombol.
- Uji Perangkat Fisik: Selalu jalankan pengujian akhir pada ponsel nyata karena simulator komputer tidak dapat mewakili performa prosesor grafis, akurasi sensor kamera, serta fluktuasi latensi jaringan seluler yang sesungguhnya.
Untuk menjaga performa aplikasi tetap optimal, terapkan panduan berikut:
- Manfaatkan pustaka
expo-imageuntuk rendering gambar yang efisien dengan kemampuan caching cerdas dan kompresi format berkas. - Hindari deklarasi fungsi anonim berat di dalam properti
renderItempada FlatList dan pasang selalu propertikeyExtractordengan nilai unik yang stabil. - Gunakan
React.memo,useMemo, danuseCallbacksecara selektif pada komponen yang kompleks untuk menghindari proses perenderan ulang yang tidak perlu. - Gunakan TypeScript dalam seluruh basis kode guna mencegah kesalahan tipe data sebelum aplikasi dijalankan.
Kuasai fondasi dasar ini secara bertahap selama rencana belajar 8 minggu dengan membangun proyek aplikasi praktis nyata seperti aplikasi catatan, daftar tugas harian, atau pelacak cuaca.
Cek pemahaman
1. Pustaka pengujian antarmuka yang menguji komponen React Native sebagaimana pengguna berinteraksi dengannya adalah:
2. Sebelum melakukan optimasi kode komponen menggunakan useMemo atau useCallback, disarankan untuk mengukur performa terlebih dahulu menggunakan profiler.

