CI/CD for React Native

Warning
From this article you will learn how to configure React Native for Android. React Native iOS configuration instructions
Hint

📚 Learn more about React Native action features, integrations and alternatives.

With Buddy, you can create a pipeline that builds, tests, and deploys React Native applications on a push to Git. The configuration is super simple and takes 10 to 15 minutes.

React Native pipeline exampleReact Native pipeline example

1. Select your Git repository

Buddy supports all popular Git hosting providers, including GitHub, Bitbucket, and GitLab. You can also use your own private Git server, or host code directly on Buddy. Supported Git providersSupported Git providers

2. Add a new delivery pipeline

Enter the pipeline's name, select the trigger mode, and define the branch from which Buddy will fetch your code: Adding a new pipeline with BuddyAdding a new pipeline with Buddy

Hint

Trigger modes

  • Manually (on click) — recommended for Production
  • On events (automatic) — recommended for Development
  • On schedule (on time interval) — recommended for Staging/Testing
Success
Event-based triggers allow you to run pipelines whenever a push is made to any branch in the repository, or whenever a branch, tag or a pull request is created or deleted.  On event pipeline trigger mode On event pipeline trigger mode

3. Add actions

Buddy lets you choose from dozens of predefined actions. In this example, we'll add 4 actions that will perform the following tasks:

  • Build and test React Native app: download dependencies (npm, yarn, etc.), run tests, compile assets (npm tasks, webpack, etc.)
  • Upload code to server together with compiled assets
  • Restart application
  • Send notification to Slack

3.1 Configure your React Native application

Look up and click React Native on the action list to add it to the pipeline:

Action listAction list

Buddy lets you select the Node version of your Android build:

Configuring React Native applicationConfiguring React Native application

3.2 Build your React Native application

Here you can determine the commands to execute. The default commands are:

npm install
cd ./android
chmod +x gradlew
./gradlew assembleRelease$$$$

Default React Native action build commandsDefault React Native action build commands

3.3 Sign your application (APK)

The next step is adding the Sign APK action. Select the path of the APK and provide the keystore with its password:

Configuring Sign APKConfiguring Sign APK

3.4 Deploy APK to Google Play

The package is now ready for deployment. Select Google Play Publish APK to proceed:

Google Play actionGoogle Play action

When adding the action, you can choose what and where should be uploaded:

Configuring Google Play actionConfiguring Google Play action

3.5 Send notification to Slack

You can configure Buddy to send your team a message after the deployment. In this example we'll use Slack:

Notification actionsNotification actions

Hint
If you add this action in the On Failure tab, Buddy will only send the message if something goes wrong with your build or deployment.  On failure notification On failure notification

4. Summary

Congratulations! You have just automated your entire delivery process. Make a push to the selected branch and watch Buddy fetch, build, and deploy your project. With Continuous Delivery applied, you can now focus on what's really important: developing awesome apps! 🔥

Success
Bear in mind that this article is only a brief example of what Buddy can do. You can create additional pipelines for staging and production environments, integrate with your favorite services (AWS, Google, Azure), trigger tests on pull requests, build Docker images, and push them to the registry—the possibilities are unlimited.
Tip
If you want us to create a delivery pipeline for your project, drop a line to support@buddy.works – we'll be happy to help!
Last update:
Sep 18, 2024