Move off the legacy stack

This article walks through how we embedded React Native inside a .NET MAUI application using a brownfield setup. It covers the packaging layer, lifecycle wiring on iOS and Android, navigation through MAUI Shell, and shared state between the MAUI and React Native runtimes.

This article helps mobile teams choose between brownfield and greenfield React Native migration. It explains how each approach shifts risk across continuity, native dependencies, delivery pressure, verification, and architecture ownership, and introduces a checkpoint-based path for teams that want to test a greenfield rebuild before committing. It also shows where AI can help and what still needs human control.

React Native Brownfield 3.10 brings iOS prebuilts into the packaging flow, removing a major compile step from hybrid app builds. This article explains how the integration works, what changed under the hood, and what our benchmark results show for React Native and Expo projects.

Zattoo started its React Native TV migration before today’s AI-assisted workflows became common. Their story shows where AI can now support similar migrations, from onboarding and refactoring to testing and platform-specific implementation work.

Brownfield migration is rarely slowed by the rewrite itself. The real cost sits in setup, requirements capture, native integration, and validation. This article shows how an AI-supported workflow reduces that work from weeks to days while keeping engineering review in the loop.

For teams embedding React Native into existing native apps, Brownie reduces state-management glue code at the integration boundary. One TypeScript schema drives shared state across React Native, iOS, and Android with a workflow built for production use.

Brownfield migrations often fail due to ordering and integration gaps, not framework limits. This article explains how an AI-supported workflow helps enforce correct sequencing across packaging, startup, and runtime validation.

Navigation between React Native and existing native screens can be difficult in brownfield apps. This guide shows how to define a navigation contract, generate native delegates, and connect both layers using @callstack/brownfield-navigation.

Moving a large native app to React Native rarely happens in one rewrite. React Native Brownfield v3 combines Expo with an artifact-based packaging approach, so you can ship React Native screens inside your existing app without destabilizing your product.

Brownie is a new shared state library designed for React Native brownfield applications. It addresses a common pain point in mixed native and React Native codebases: keeping state consistent without building and maintaining custom Turbo Modules. With Brownie, teams define their state once in TypeScript and generate matching native types automatically. The article introduces the core ideas, shows how the workflow fits into real brownfield apps, and outlines what’s included in the iOS alpha release.

This article introduces the brownfield approach, explaining how it allows you to bring React Native into existing native apps without starting from scratch. It then covers how our library, React Native Brownfield, simplifies this process by embedding React Native screens into native apps, and provides an overview of its structure and key features.

Integrating React Native into an existing iOS app doesn't have to be complicated. This guide walks through how to add React Native screens to a native codebase incrementally, with practical tips to navigate between native and React Native views seamlessly.

Keeping your React Native app up to date is crucial for accessing new features, performance improvements, and security fixes. While upgrading can be challenging, tools like React Native Upgrade Helper and align-deps simplify the process of applying changes and managing dependencies.

Migrating to React Native doesn't have to disrupt your existing apps. We walk through how to introduce React Native incrementally using a brownfield approach, allowing you to validate early technical risks before scaling up.

This article dives into the details of migrating each payment function from tipsi-stripe to the official stripe-react-native SDK. It covers card components, accepting payments, tokens, Apple Pay, Google Pay, and provides a real-world migration example.

Migrating from tipsi-stripe to the official Stripe React Native SDK? This guide answers common questions about feature parity, incremental migration, Expo support, and more to help you make the switch smoothly.

Migrating from tipsi-stripe to the official Stripe React Native SDK? This guide walks through the key steps to remove tipsi-stripe, add stripe-react-native, and initialize the new library using the StripeProvider component.

Integrating React Native into existing iOS apps can be tricky, especially when enabling the New Architecture. RootViewFactory simplifies this process, making it easier to create React Native views in brownfield apps without verbose setup or refactoring.

Migrating a React Native library to the New Architecture doesn't have to be daunting. This guide walks through the key steps, from writing TypeScript specs to extending generated interfaces, with helpful resources and examples from recently migrated libraries.

Migrating native or React apps to React Native doesn't have to be a complete rewrite. We walk through the key differences between greenfield and brownfield approaches, and share best practices for incrementally introducing React Native while maintaining your existing apps.

Upgrading React Native in a brownfield app can be complex, with challenges like dependency conflicts and breaking changes. This guide walks through the process step-by-step, from aligning dependencies to updating native code for iOS and Android. It also covers common pitfalls and tips to make the upgrade smoother.

Migrating from Tipsi Stripe to Stripe React Native can be daunting, but following best practices helps ensure a smooth transition. This guide shares key steps like writing end-to-end tests, building your app frequently during migration, and setting up crash reporting to catch any issues early.

Migrating from the unmaintained tipsi-stripe library to the official stripe-react-native SDK doesn't have to be painful. This guide walks through the key differences, new features, and steps to upgrade your React Native app to the latest payments integration.

Integrating React Native into an existing app doesn't have to be daunting. We walk through a practical example of adding React Native to the open-source Mastodon iOS and Android apps, sharing step-by-step instructions to get you started.

Integrating React Native into an existing Android app doesn't have to be complicated. This guide walks through how to add React Native screens to a native Android codebase in a few simple steps using the react-native-brownfield library.

Adding React Native to an existing Flutter app is possible, though it requires integrating two cross-platform runtimes. We walk through the key steps to embed React Native views, set up popular libraries, and explore potential use cases for incrementally migrating or extending Flutter apps with React Native.

Discover how modern React Native Brownfield integration enables cross-platform power in native apps, without rewriting from scratch.

The 13th episode of React Universe On Air (formerly known as The React Native Show) is fully focused on migrating from different technologies to React Native, the two most popular approaches to this process (greenfield and brownfield software development), and our state-of-the-art brownfield approach.

Learn how Shopify's migration to React Native led to 86% code unification, reduced build times, and seamless feature parity across platforms.

Learn how to tackle brownfield development with React Native, explore real-world challenges, and discover the React Native Brownfield library.

Łukasz Chludziński compares Greenfield and Brownfield approaches to migrating a live app, weighing continuity, delivery speed, cost, and risk.

Artur Morys-Magiera will explain how teams can adopt React Native incrementally inside existing native applications.

Artur Morys-Magiera will explain how React Native can move into an existing native app without forcing a big-bang rewrite.

Join us in Boston on August 18 for an evening focused on a question most teams hit quickly with AI agents: how do you make them dependable once they leave the prototype phase and start touching code, workflows, and delivery timelines?

Join Callstack and Ryt Bank on May 5 in-person for a React Universe meetup with practical talks for engineers working with React and React Native in production.

Learn why and how Zattoo moved from native TV apps to React Native, what changed for their team, and what it takes to scale across multiple platforms efficiently.

Reduce migration time from months to days by using AI in real React Native workflows. Learn when to migrate incrementally and when starting fresh is the better option.

A practical look at Brownfield React Native adoption in mature native apps, architecture, tooling, and real-world tradeoffs.

Learn how to integrate React Native into Android TV apps at the Vega Developer Meetup. Workshop, roadmap, and community talks, live in Munich.

Discover how Zalando scaled React Native across a massive e-commerce app, from internal buy-in to brownfield rollout, and what they learned.

Most teams use React on the web but still rely on native code or WebViews in their mobile apps. This talk explores how React Native can replace WebViews with minimal effort, allowing React to power both web and mobile.

Learn how to migrate your React Native Community CLI app to Expo incrementally, with minimal risk. A recording of a webinar hosted by Callstack & Expo.

Learn how to smoothly adopt React Native in your existing apps using Callstack’s Rock for easier setup, faster deployment, and seamless integration.

Join us in NYC or online for React Universe Meetup: tech talks, real-world insights, and networking with React Native devs. June 24, 2025.

Learn how to easily add React Native to your iOS and Android apps with a modern brownfield setup powered by Callstack’s open-source tooling.

Learn how to use React Native in existing apps to speed up cross-platform development without a full rewrite. Watch the expert-led webinar now.