React Native in the "Brown Field"

on YouTube ↗28m

" summary

Covers integrating React Native into an existing large native app (a “Brown Field” approach) rather than starting fresh. Describes practical challenges Airbnb encountered while adding over 100 React Native screens across many engineers and millions of users, and the solutions used to manage that integration.

AI-written summary · about

" chapters (17)

1. 0:00Start
2. 3:13Existing Infrastructure
3. 7:54Animated
4. 9:26"Infrastructure" Code
5. 9:59Product Code
6. 13:17One Bridge Many React Root Views
7. 14:20Top-level API
8. 16:14Render-time configuration
9. 17:30Dynamic tab configuration
10. 22:52Advantages
11. 23:17Navigation state preserved across live reloads
12. 23:37Performant transitions
13. 23:54Configurable in the render path
14. 24:09Aligns with platform conventions
15. 24:47Allows for complex Customizations
16. 25:04Learnings
17. 26:34Open Source

" related talks

• 30mStrategies For Using React Native In A Brownfield AppHarry Tormey · Chain React 2018
• 31mReact Native Brownfield: Lessons from the TrenchesHarry Tormey · React Native EU 2018
• 15mReact Native fundamentals for brownfield iOS appsKaran Thakkar · App.js Conf 2019
• 17mBrownfield integration - exploring the limitsMariusz Stanisz · App.js Conf 2024
• 42mLessons Learned from React Native at AirbnbTy Smith, Gabriel Peal, Joaquim Verges · droidcon San Francisco 2018
• 41mLessons Learned from React NativeGabriel Peal · droidCon NYC 2018
• 45mSunsetting React Native at AirbnbGabriel Peal · Mobile Era 2018
• 13mIntegrating React Native with Native InfrastructureMehdi Mulani · ReactEurope 2017