How Callstack Integrates React Native into Existing Applications
Original post Integrating React Native into Existing Applications
Article Summary
Callstack reveals how to add React Native to existing native apps without a full rewrite. This brownfield approach is changing how engineering teams think about cross-platform development.
This comprehensive guide from Callstack covers the brownfield integration approach for React Native, where you incrementally add React Native features into existing iOS and Android apps. The article introduces practical tools and real-world examples from companies like Zalando and Shopify that successfully adopted this strategy.
Key Takeaways
- Brownfield lets you integrate React Native without rewriting your entire app
- Shopify achieved 86% code unification using this migration approach
- New tools like Brownie enable type-safe state sharing between native and React
- RootViewFactory simplifies iOS integration and reduces boilerplate code
Brownfield React Native integration enables teams to adopt cross-platform development incrementally, reducing risk and time-to-market while preserving existing native code.
Continue reading
Badoo
Jul 4, 2017
More from Callstack
Integrating React Native into Existing Android Applications
Callstack
Sep 6, 2019
Also on React Native
You Don't Need a Rewrite: Expo's New Brownfield React Native Story
Expo
Oct 12, 2026
What This Article Covers
Engineering teams find it hard to add React Native to apps they've already built in native code. They worry about breaking production systems or having to rebuild their entire iOS and Android applications from scratch.
Callstack offers a brownfield approach that lets you integrate React Native step by step. You can use RootViewFactory on iOS and platform views on Android to place React Native components directly into your existing native code.
Teams can move to cross-platform development at their own pace. This cuts down on time to launch and development costs. Your existing native code stays intact and your systems keep running smoothly as you make the switch.
This page summarizes “Integrating React Native into Existing Applications” by Callstack, published Nov 25, 2024. All credit for the original work goes to the authors.
