{"id":77221,"date":"2026-02-18T17:47:56","date_gmt":"2026-02-18T12:17:56","guid":{"rendered":"https:\/\/2thenew.online\/blog\/?p=77221"},"modified":"2026-02-26T19:40:59","modified_gmt":"2026-02-26T14:10:59","slug":"how-to-enable-over-the-air-ota-updates-in-react-native-using-stallion","status":"publish","type":"post","link":"https:\/\/2thenew.online\/blog\/how-to-enable-over-the-air-ota-updates-in-react-native-using-stallion\/","title":{"rendered":"How to Enable Over-the-Air (OTA) Updates in React Native Using Stallion"},"content":{"rendered":"

Introduction<\/h2>\n

Keeping your app users up-to-date instantly is easier than ever with Stallion, a powerful tool for Over-the-Air (OTA) updates in React Native. Forget waiting for app store approvals; push updates directly to your users with zero friction. \ud83d\ude4c<\/p>\n

\n

Why Use Stallion?<\/h2>\n

\u2705 Built-in Testing Framework to validate updates before production<\/strong>
\n\ud83d\udd01 Switch Between App Versions without rebuilding native code<\/strong>
\n\ud83d\udce6 Publish Bundles Instantly using Stallion CLI<\/strong>
\n\ud83d\udcf2 Apply Updates In-App using the Stallion SDK<\/strong>
\n\ud83d\udd04 Manual + Automatic Rollbacks with real-time rollback insights<\/strong>
\n\ud83d\udcca Detailed Analytics for update adoption and performance tracking<\/strong>
\n\ud83c\udff7\ufe0f Extensive Free Plan for indie devs and small teams<\/strong>
\n\u2705 Production-Ready and trusted by teams shipping millions of updates<\/strong><\/p>\n

\n

Step 1: Set Up Your Stallion Account<\/h3>\n

To get started with Stallion, you’ll first need to create a free account and set up your project.<\/p>\n

Create Your Stallion Account<\/strong><\/p>\n

    \n
  1. \ud83d\udc49\u00a0Go to the Stallion Dashboard<\/a><\/li>\n
  2. Sign up or log in to your account.<\/li>\n<\/ol>\n
    \n

    Create a New Project<\/strong><\/p>\n

    Once you’re signed in, you’ll be guided through the process of creating your first project.<\/p>\n

    Dashboard View<\/strong>
    \nYou’ll land on the dashboard after logging in:<\/p>\n

    \"Dashboard<\/p>\n

    \n

    Click \u201cCreate Project\u201d<\/strong>
    \nHit the “Create Project”<\/strong>\u00a0button to get started:<\/p>\n

    \"Create<\/p>\n

     <\/p>\n

    \n

    Fill in Your Project Details<\/strong>
    \nEnter your project name and description, then click\u00a0“Create”<\/strong>:<\/p>\n

    \"Project

    Project Details<\/p><\/div>\n

    \n

    Project Successfully Created<\/strong>
    \nYou’ll now see your new project listed in the dashboard, Now Click on the project card to proceed.<\/p>\n

    \"Project

    Project Successfully<\/p><\/div>\n

    \n

    \ud83d\uddc2\ufe0f Create a New Bucket<\/strong>
    \nNow, let\u2019s set up a storage bucket for your project.<\/p>\n

    Bucket View \u2013 Click “Create Bucket”<\/strong>
    \nNavigate to the\u00a0Buckets<\/strong>\u00a0section and click on\u00a0“Create Bucket”:<\/strong><\/p>\n

    \"Create

    Create Bucket<\/p><\/div>\n

    \n

    Create New Bucket<\/strong><\/p>\n

    Fill in the necessary details to create your new bucket:<\/p>\n

    \"details

    details to create your new bucket<\/p><\/div>\n

    You’re now ready to start integrating your application with Stallion! \ud83c\udf89<\/strong><\/p>\n

    \n

    Step 2: Install the Stallion CLI
    \n<\/strong>Install the CLI to interact with Stallion from your terminal.<\/p>\n

    Using npm
    \nnpm install –save-dev stallion-cli
    \nusing Yarn
    \nyarn add -D stallion-cli<\/p>\n

    \"Install

    Install the CLI<\/p><\/div>\n

    \n

    \ud83d\udcf2 Step 3: Install the Stallion SDK<\/strong>
    \nAdd the Stallion SDK to your React Native project:<\/p>\n

    Using npm
    \nnpm install react-native-stallion
    \nusing Yarn
    \nyarn add react-native-stallion<\/p>\n

    \"Stallion

    Stallion SDK<\/p><\/div>\n

    Then, install CocoaPods for iOS:<\/p>\n

    npx pod-install<\/p>\n

    \n

    Step 4: Configure Native Projects<\/h2>\n

    \ud83e\udd16 Android Configuration
    \n\u2139\ufe0f For React Native < 0.76
    \nIn\u00a0MainApplication.java, update\u00a0getJSBundleFile:<\/p>\n

     <\/p>\n

    \"MainApplication\"

    MainApplication<\/p><\/div>\n

    \n

    \u2139\ufe0f For React Native > 0.76<\/h2>\n

    In MainApplication.kt, update the reactNativeHost:<\/p>\n

    \"MainApplication\"

    MainApplication<\/p><\/div>\n

    \n

    \ud83c\udf4e iOS Configuration<\/h2>\n

    \u2139\ufe0f For React Native < 0.76
    \nIn\u00a0AppDelegate.mm, update the\u00a0sourceURLForBridge\u00a0method:<\/p>\n

    \"AppDelegate\"

    AppDelegate<\/p><\/div>\n

    \n

    \u2139\ufe0f For React Native > 0.76
    \nIn\u00a0AppDelegate.swift, update the\u00a0bundleURL()\u00a0method:<\/p>\n

    \"AppDelegate\"

    AppDelegate<\/p><\/div>\n

    \n

    \ud83d\udd10 Step 5: Add Project ID and App Token<\/h2>\n

    Add your Stallion credentials to platform-specific config files.<\/p>\n

    iOS\u00a0(Info.plist):
    \nAdd below code on\u00a0Info.plist\u00a0file<\/p>\n

    <key>StallionProjectId<\/key>
    \n<string>your_project_id<\/string>
    \n<key>StallionAppToken<\/key>
    \n<string>your_app_token<\/string><\/p>\n

    \n

    Android\u00a0(res\/values\/strings.xml):<\/h2>\n

    Add below code on strings.xml file<\/p>\n

    <string name=”StallionProjectId”>your_project_id<\/string>
    \n<string name=”StallionAppToken”>your_app_token<\/string><\/p>\n

    \n

    You can generate your app token in the Stallion dashboard:<\/p>\n

    Click on\u00a0Generate App Token\u00a0button in order to get app token<\/p>\n

    \"Generate

    Generate App Token<\/p><\/div>\n

    \n

    \ud83d\udd0d Find your Project ID and App Token under Project Settings in the Stallion Dashboard.<\/p>\n

    \"Dashboard\"

    Dashboard<\/p><\/div>\n

    \n

    \ud83e\uddf5 Step 6: Wrap Your App Component<\/h2>\n

    In your App.js or App.tsx, wrap your root component with the withStallion HOC:<\/p>\n

    import { withStallion } from ‘react-native-stallion’;
    \n\/\/ rest of your code
    \nexport default withStallion(App);<\/p>\n

    \n

    Step 7: Create a Release Build<\/h2>\n

    Install the build on a device or emulator to test.<\/p>\n

    \n

    Step 8: Make a Code Change<\/h2>\n

    Modify your app\u2019s logic or UI\u2014for example, update some text\u2014and save your changes.<\/p>\n

    \n

    Step 9: Publish the OTA Update<\/h2>\n

    1. Login to Stallion CLI:<\/p>\n

    npx stallion login<\/p>\n

    This will open a browser window for authentication. Once logged in, copy and paste the token back into your terminal.<\/p>\n

    2. Publish the update:
    \nUse the appropriate command below to publish your update for Android or iOS.<\/p>\n

    \n

    \ud83e\udd16 Android Command<\/p>\n

    npx stallion publish-bundle \\
    \n–upload-path=orgname\/project-name\/bucket-name \\
    \n–platform=android<\/p>\n

    \n

    \ud83c\udf4e iOS Command<\/p>\n

    npx stallion publish-bundle \\
    \n–upload-path=orgname\/project-name\/bucket-name \\
    \n–platform=ios<\/p>\n

    \ud83d\udd0d Replace\u00a0orgname,\u00a0project-name, and\u00a0bucket-name\u00a0with your actual values.<\/p>\n

    Or use “Copy Bundle Path” from the dashboard in order to get the orgname\/project-name\/bucket-name:<\/p>\n

    \n

    Step 10: Promote and Release the Bundle<\/h2>\n

    Follow these steps to promote your Android (and iOS) bundle from staging to production.<\/p>\n

    Step 1: Access the Bundle Details<\/strong><\/p>\n

    \"Bundle

    Bundle Details<\/p><\/div>\n

    \n

    Step 2: Open the Android Bundles Tab<\/strong><\/p>\n

    \"Android

    Android Bundles<\/p><\/div>\n

    \n

    Step 3: Add Release Notes and Promote<\/strong><\/p>\n

    \"Promote\"

    Promote<\/p><\/div>\n

    \n

    Step 4: Select Target Version & Finalize Promotion<\/strong><\/p>\n

    \"Finalize

    Finalize Promotion<\/p><\/div>\n

    \n

    Step 5: Manage the Release<\/strong><\/p>\n

    Once promoted, click on the\u00a0Manage Release\u00a0button.<\/p>\n

    \"Manage

    Manage Release<\/p><\/div>\n

    \n

    Step 6: Publish to Production<\/strong><\/p>\n

    \"Publish

    Publish to Production<\/p><\/div>\n

    \ud83c\udf4e The same steps should be followed for iOS as well.<\/strong><\/p>\n

    \n

    \ud83c\udf89 All Done!<\/h2>\n

    Your bundle has been successfully promoted and released.<\/p>\n