Manajemen Memori
Memory leaks, cleanup, useEffect cleanup, listeners, timers, penanganan gambar besar
1Apa itu memory leak dalam aplikasi React Native?
Apa itu memory leak dalam aplikasi React Native?
Jawaban
Memory leak terjadi ketika objek di memori tidak lagi digunakan oleh aplikasi tetapi tidak dapat dibebaskan oleh garbage collector karena referensi ke objek tersebut masih ada. Di React Native, ini sering terjadi pada subscription yang tidak dibersihkan, timer yang masih aktif setelah unmount, atau closure yang menangkap referensi usang. Memory leak secara bertahap menurunkan performa dan dapat menyebabkan crash pada sesi yang panjang.
2Apa peran fungsi return (cleanup function) di useEffect untuk manajemen memori?
Apa peran fungsi return (cleanup function) di useEffect untuk manajemen memori?
Jawaban
Cleanup function yang dikembalikan oleh useEffect dijalankan sebelum komponen di-unmount atau sebelum efek dijalankan ulang dengan dependensi baru. Peran utamanya adalah membersihkan resource yang dialokasikan oleh efek: membatalkan subscription, clearTimeout/clearInterval, menghapus event listener, atau membatalkan request yang sedang berjalan. Tanpa pembersihan ini, resource tersebut tetap ada di memori dan dapat mencoba memperbarui komponen yang sudah di-unmount.
3Mengapa penting menggunakan clearTimeout dan clearInterval di cleanup function useEffect?
Mengapa penting menggunakan clearTimeout dan clearInterval di cleanup function useEffect?
Jawaban
Timer yang dibuat dengan setTimeout dan setInterval terus berjalan bahkan setelah komponen di-unmount. Jika callback timer mencoba memperbarui state komponen yang sudah di-unmount, ini memicu warning 'Can't perform a React state update on an unmounted component' dan menjadi memory leak. Timer menyimpan referensi ke callback dan closure-nya, sehingga mencegah garbage collector membebaskan resource tersebut. Menggunakan clearTimeout/clearInterval di cleanup memastikan pembatalan timer ini dengan benar.
Bagaimana cara mencegah memory leak saat menggunakan event listener di React Native?
Apa dampak closure terhadap manajemen memori dalam komponen React Native?
+17 pertanyaan wawancara
Topik wawancara React Native lainnya
Dasar-Dasar JavaScript
Dasar-Dasar React
Dasar-Dasar React Native
React Hooks
TypeScript untuk React & React Native
Komponen & API React Native
Styling & Layout React Native
Navigasi React Native
Manajemen State React Native
Networking & API React Native
Persistensi Data
Formulir & Validasi
Animasi React Native
Native Modules & Bridge
Kode Spesifik Platform
Izin & API Perangkat
Push Notifications
Testing React Native
Debugging React Native
Build & Deployment
Expo vs React Native Bare
Optimasi Performa
Architecture Patterns
New Architecture React Native
Praktik Terbaik Keamanan
Offline-First Architecture
CI/CD React Native
Monorepo & Berbagi Kode
Topik Lanjutan
Siklus Hidup Aplikasi & Eksekusi Background
Autentikasi & Manajemen Sesi
Monitoring & Crash Reporting
Kuasai React Native untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis