Mobile Performance
60fps, Hermes, Reanimated, dan Memory Profiling
Mobile user lebih sensitif terhadap performa daripada web user — jank, lag, dan blank screen langsung terlihat di device kecil. Modul ini mengajarkan Hermes engine (JavaScript engine optimized untuk mobile), Reanimated untuk animasi 60fps di UI thread, FlashList (pengganti FlatList yang 5x lebih cepat), bundle splitting dan lazy loading, serta profiling dengan Flipper dan React DevTools.
Prasyarat
Modul 46 (Camera, Media & Notifikasi) dan Modul 49 (Background Processing & Sync).
Kenapa Ini Penting
Performa adalah feature di mobile. App yang lambat akan di-uninstall dalam 3 hari. Modul ini memberikan toolkit untuk menjaga performa tetap prima — dari 60fps scrolling sampai memory usage.
Daftar Chapter
- Chapter 52.1
Hermes Engine & JS Performance
JavaScript engine khusus mobile — lebih kecil, lebih cepat
- Chapter 52.2
Reanimated: 60fps Animations
Animasi di UI thread — bebas dari JS thread bottleneck
- Chapter 52.3
FlashList: High-Performance Lists
List pengganti FlatList — 5x lebih cepat untuk data besar
- Chapter 52.4
Memory Profiling & Leak Detection
Deteksi memory leak dan optimasi penggunaan memory di mobile
- Chapter 52.5
Bundle Splitting & Lazy Loading
Pecah JavaScript bundle untuk startup time lebih cepat