Cutting rendered views by 93% and migrating a 100K+ app to New Architecture
- App
- 5 Phut Thuoc Bai
- Publisher
- Tam Tri Luc
- Framework
- React Native
- Position
- Mobile Developer
- Problem
- On low-end Android phones, scrolling dropped frames visibly. Meanwhile, Google Play’s 16 KB page size requirement forced a migration from React Native 0.68 to 0.84 (Fabric and Bridgeless), with 60+ dependencies introducing native build conflicts.
- Approach
- I profiled with Layout Bounds (~5,200 rendered views on screen), detached off-screen navigators, replaced heavy SVG icons with static assets, and checked GPU cost via Profile HWUI Rendering after each change. For the 16 KB page size and New Architecture migration, I worked through all 60+ libraries one by one to resolve native errors alongside Target SDK 35 (Android 15) and React 19.
- Result
- Rendered views fell from 5,200 to 380 (-93%), locking 60 FPS scrolling while cutting RAM usage by over 50% and eliminating out-of-memory back-navigation crashes. The app runs on the New Architecture with 16 KB page size support and custom scripts automating APK/AAB builds and USB/Wi-Fi ADB installs.
