RN CI/CD Workflow Builder

Getting Started

Set up your first CI/CD workflow for your React Native app in minutes

This step-by-step guide walks you through creating your first workflow using the web interface. Unlike theCore Concepts section that explains the underlying principles, or the Configuration Referencethat details all available options, this guide focuses on practical, hands-on steps for new users.

⏰ What You'll Save by Following This Guide

75-85%
Setup Time Reduction
1-2 hours vs 2-4 days
$1.2K-4.8K
Cost Savings
Per project (12-48 hours saved)
No YAML
Learning Required
Visual form interface

Results vary based on team experience with CI/CD

1

Access the Web App

The React Native CI Workflow Builder is available as a web application that you can access directly in your browser:

React Native CI Workflow Builder

Open Web App

Create CI/CD Workflows Visually

  • Intuitive form-based interface
  • Real-time YAML preview
  • Automatic secret detection
  • Workflow validation

Tip: Bookmark the web app for quick access whenever you need to create workflows.

2

Choose a workflow type

Decide which type of workflow you need for your project:

Static Analysis Workflow

Runs TypeScript checks, linting, formatting, and unit tests to ensure code quality

Recommended for: Daily development, PR validation

Build Workflow

Builds your app for Android and/or iOS and can distribute artifacts to various storage options

Recommended for: Testing builds, releases, distribution

3

Configure Your Workflow

Use the web app's intuitive form interface to configure your workflow:

Basic Information

  • Select workflow type (Static Analysis or Build)
  • Enter custom workflow name
  • Choose Node.js version
  • Select package manager (npm or yarn)

Trigger Configuration

  • Select trigger events (push, pull request)
  • Specify target branches
  • Add path filters if needed
  • Enable manual workflow dispatch

Real-time YAML Preview

As you make changes in the form, the web app automatically updates the YAML preview on the right side of the screen, showing you exactly what will be generated.

4

Workflow-Specific Options

Based on your selected workflow type, configure additional options:

Static Analysis Options

  • Enable/disable TypeScript checks
  • Configure ESLint options
  • Set up Jest test settings
  • Add Prettier formatting checks

Build Options

  • Select platform (Android, iOS, both)
  • Choose build variant (debug, release)
  • Configure artifact storage location
  • Set up build notifications

Automatic Secret Detection: The web app automatically detects and lists any required secrets based on your configuration choices, making it easy to set up your repository properly.

5

Generate and Download

Once you've configured your workflow, you can preview and download the generated YAML:

Preview and Download

  1. Review the generated YAML in the preview panel
  2. Check the list of required secrets (if any)
  3. Click the Download YAML button to save the workflow file
  4. Save the file to your project's .github/workflows/ directory

GitHub Integration: After downloading, commit the workflow file to your GitHub repository. Once pushed, your workflow will run automatically based on the triggers you configured. You can view workflow runs in the "Actions" tab of your GitHub repository.

Continue Your Learning

Having trouble?

If you encounter any issues setting up your workflow, refer to the configuration documentation or contact support.