ANALISIS KINERJA RENDERING APLIKASI ANDROID REACT NATIVE DENGAN OPTIMASI MEMOIZATION

Abstract

Framework cross-platform seperti React Native banyak digunakan dalam pengembangan aplikasi mobile karena mendukung efisiensi pengembangan pada berbagai platform. Namun, mekanisme rendering pada React Native berpotensi menyebabkan re-render yang tidak diperlukan sehingga dapat menurunkan performa aplikasi. Penelitian ini bertujuan menganalisis pengaruh penerapan memoization menggunakan React.memo dan useMemo terhadap kinerja rendering aplikasi Android berbasis React Native. Metode penelitian yang digunakan adalah eksperimen semu dengan pendekatan kuantitatif melalui perbandingan dua kondisi pengujian, yaitu baseline dan memoized, pada tiga skenario pengujian. Pengukuran dilakukan menggunakan React Native DevTools dan Flipper LeakCanary berdasarkan metrik jumlah re-render, waktu render, dan indikasi memory leak. Hasil penelitian menunjukkan bahwa memoization mampu menurunkan rata-rata jumlah re-render sebesar 85,71% dan waktu render sebesar 93,62% pada skenario perubahan status keranjang. Pada skenario pencarian data, jumlah re-render menurun sebesar 50% dan waktu render sebesar 77,11%. Selain itu, tidak ditemukan indikasi memory leak pada skenario pengujian mount-unmount katalog. Dengan demikian, memoization terbukti efektif meningkatkan performa rendering aplikasi React Native Android