One app to rule them all - Building a white-label application with React Native

on YouTube ↗40m

" summary

Shows how to generate multiple branded mobile apps from one React Native codebase by feeding a JSON profile into a white-label engine that copies source into builds, injects modules, swaps base URLs, selects theme files, replaces bundle IDs, moves Android Java packages and copies icon assets. Demo generates two apps (Lugano and Zurich) that run with different tabs, APIs and dark/light styles. Works for apps sharing navigation and API shapes; expect extra complexity for feature flags, capabilities or divergent APIs.

AI-written summary · about

" chapters (12)

1. 0:00Start
2. 0:58Visit Lugano
3. 12:09Modules - WL-App
4. 15:40Modules - Configs
5. 16:16Modules - WL-Engine
6. 18:43Content - WL-App
7. 19:58Content - Configs
8. 21:37Theme - WL-App
9. 23:35Theme - Configs
10. 23:49Theme - WL-Engine
11. 26:39App name - Configs
12. 27:14App Icon - Configs

" related talks

• 50mBuilding Cross Platform Native Mobile Apps using React NativeWei-Meng Lee · Mobile Era 2017
• 28mShould I use React Native too?Nicola Zaghini · #Pragma Conference 2019
• 34mMobile at Scale with React Native & Multi-Module ArchitectureLev Vidrak · droidCon Berlin 2019
• 32mScaling Mobile Development with React NativeAaron Greenwald · React Native EU 2017
• 59mOne Codebase to Rule Them All - Using React Native EverywhereJesse Weigel · NDC Minnesota 2019
• 02h 26mBuilding apps with React NativeMaarten Mulders · Devoxx Belgium 2017
• 30mJesse Weigel - One Codebase to Rule Them All - Using React Native EverywhereJesse Weigel · React Loop 2019
• 19mWorld Class experience with React NativeMichał Chudziak · React Finland 2018