Core Concepts
Understanding the fundamental concepts behind the workflow generator
While the Getting Started guide shows you how to use the application and Configurationcovers specific options, this section explains the underlying concepts and design principles of the workflow builder. Understanding these concepts will help you make better decisions when creating your workflows.
Workflow Generation Process
How your workflow selections are transformed into ready-to-use GitHub Actions workflows
Form-Based Configuration
You provide workflow details through the web app's intuitive form interface
Template Application
The web app applies your selections to the appropriate workflow template
Real-Time Preview
You see your workflow YAML update instantly as you make configuration choices
Secret Detection
Required secrets are automatically identified based on your configuration choices
Workflow Download
You download the final YAML file ready to use in your GitHub repository
Preset System
Presets provide template workflows for common CI/CD scenarios
Workflow presets are ready-to-use templates tailored for specific CI/CD needs. Each preset:
- Addresses a specific CI/CD need (code quality, builds, etc.)
- Provides sensible defaults for quick setup
- Follows industry best practices for React Native
- Is fully customizable through the web interface
- Generates optimized workflows for your specific needs
Currently available presets include:
Configuration System
The flexible configuration system allows customization of workflows
The web app provides an intuitive configuration interface that:
- Presents clear options with helpful tooltips
- Uses sensible defaults to get you started quickly
- Provides full customization when you need it
- Manages environment variables and secrets securely
- Validates your choices to prevent configuration errors
Key Configuration Categories
Basic Settings
- Workflow name
- Node.js version
- Package manager
Trigger Options
- Trigger events (push, PR)
- Branch filters
- Path filters
See the Configuration Reference for detailed documentation of all available options.
GitHub Actions Integration
The workflow generator outputs YAML files compatible with GitHub Actions
The workflows you create are ready to use with GitHub Actions without any additional configuration:
- Download and add to your repository with just a few clicks
- Leverage industry-standard actions for reliability
- Benefit from optimized caching for faster builds
- Get parallel execution when possible for better performance
- Utilize secure secret management following GitHub best practices
Using Your Workflow
- Download the YAML file from the web app
- Add it to the
.github/workflowsdirectory in your repository - Commit and push to your GitHub repository
- GitHub will automatically run your workflow based on the triggers you configured
- View results in the Actions tab of your GitHub repository
Workflows in Action
How your generated workflows help streamline your React Native development process
The workflows you create deliver tangible benefits to your development process:
Code Quality Assurance
- Automated type checking catches errors early
- Consistent code style through linting checks
- Unit tests validate your code's behavior
- Prevents problematic code from reaching your main branch
Efficient Build Process
- Automated builds triggered by your code changes
- Consistent build environment for reliable results
- Smart caching for faster build times
- Build artifacts stored where you need them
Continuous Improvement
We're constantly adding new features and improvements to our workflow templates based on industry best practices and user feedback. Check back regularly for updates that can further enhance your CI/CD pipeline.