logologo
Docs
Docs
logologo
Introduction
Prior Art
Getting Started
Configuration

CLI

Introduction
Migrating from Community CLI

Remote Cache

Introduction
Github Actions Setup
iOS GitHub Action
Android GitHub Action

Integration with Native Apps

Introduction
iOS Brownfield
Android Brownfield
Abstract Logo

Need React or React Native expertise you can count on?

Let's talkLet's talk
Edit this page on GitHub
Previous PageAndroid GitHub Action
Next PageiOS Brownfield
Need help with React or React Native projects?
We support teams building scalable apps with React and React Native.
Let's talkLet's talk

#Integrating with Native Apps

Rock, when extended with @rock-js/plugin-brownfield-ios and @rock-js/plugin-brownfield-android plugins and the React Native Brownfield library, allows you to package all of your React Native code into native libraries (XCFramework for iOS, AAR for Android) that you can easily integrate into your existing iOS and Android apps. This "packaging approach," as we call it, allows us to achieve a radically simpler experience for native iOS and Android developers who want to integrate React Native into their apps.

Packaging approach

With this approach, there's no need for you to:

  • set up Node.js in your main app
  • configure CocoaPods for iOS
  • change your project directory structure
  • depend on React Native's own dependencies in your build tools

#Getting Started

Choose your platform to begin:

  • Android Integration - Add React Native to your Android app
  • iOS Integration - Add React Native to your iOS app