React Native at Traveloka

on YouTube ↗25m

" summary

Traveloka runs React Native for over five years across a super‑app with 100M+ downloads and 20+ products in six countries, producing 1 hybrid and 6 RN apps from scratch. Engineering builds a district system of shareable core libraries, uses git submodules to keep Android, iOS and RN repos separate, and creates bundle splitting (product bundles + a shared “fender” bundle) via custom Metro config. A native, multi‑bundle CodePush orchestration enables independent CodePush releases. Interop uses wrapper views that measure native size (onMeasure / subviews) and three channels: properties, native modules, events. Daily builds catch breaking changes.

AI-written summary · about

" chapters (11)

1. 0:00Intro
2. 1:40Research phase; Initial Products
3. 3:19Research phase Benefits
4. 5:46Traveloka mobile app
5. 8:41Shareable Code between Platforms
6. 11:26Native UI Components on React Native Screens
7. 13:32React Native UI Components on Native Screens
8. 17:45Independent Release
9. 19:25Split Bundle
10. 20:17In-house CodePush
11. 22:14Benefits + Architecture

" related talks

• 45mReact Native: Things we learned the Hard WayGaurav Kaushik · Fragments 2017
• 28mShould I use React Native too?Nicola Zaghini · #Pragma Conference 2019
• 27mReact Native at Uber Eats - handling scale and complexityArun Nagarajan · droidCon NYC 2018
• 33mReact Native: Buy One, Get One FreeThijs Suijten · droidcon Berlin 2018
• 50mBuilding Cross Platform Native Mobile Apps using React NativeWei-Meng Lee · Mobile Era 2017
• 13mIntegrating React Native with Native InfrastructureMehdi Mulani · ReactEurope 2017
• 35mBridging the Gap: How to use React Native in existing large native code basesLeland Richardson · ReactiveConf 2016
• 41mLessons Learned from React NativeGabriel Peal · droidCon NYC 2018