How can I run multiple versions of my app on one phone?

By using the APP_VARIANT pattern in app.config.js provided by this skill, you can assign different bundle identifiers (e.g., .dev, .preview) to each environment.

How do I handle secrets in Expo configuration?

Secrets should never be hardcoded. Use EAS Secrets for build-time sensitive data and EXPO_PUBLIC_ prefixes for non-sensitive runtime variables, ensuring .env files are gitignored.

What is the benefit of using app.config.js over app.json?

app.config.js allows for dynamic configuration using JavaScript, which enables environment-specific logic, the use of environment variables, and the ability to import code from other files.

Can this skill help fix 'expo doctor' errors?

Yes, it provides specific commands and workflows to resolve common issues detected by expo doctor, such as package version mismatches and native module cache problems.

Expo Project Configuration

Name: Expo Project Configuration
Author: rahulkeerthi

byrahulkeerthi

•

Mobile Development

Manages dynamic Expo configurations, environment-specific build variants, and project health diagnostics for React Native applications.

概要

This skill provides specialized expertise in the Expo ecosystem, focusing on transitioning from static app.json to dynamic app.config.js files. It enables developers to implement sophisticated environment management patterns, such as side-by-side installations of dev, preview, and production builds using unique bundle IDs. The skill also streamlines the management of build-time and runtime environment variables, configures native permissions for iOS and Android, and utilizes the expo doctor CLI to diagnose and resolve package mismatches or SDK version conflicts.

主な機能

Environment-specific bundle ID and package name management
Native permission management via Info.plist and Android manifest plugins
Dynamic app.config.js generation with environment-specific logic
Secure environment variable configuration for EAS and local development
1 GitHub stars
Automated project health checks and diagnostic troubleshooting

ユースケース

Resolving complex SDK version mismatches and dependency issues in React Native projects
Configuring a single project to run Dev, Preview, and Production builds on the same device
Setting up over-the-air updates with EAS Update and runtime version policies

概要

主な機能

Environment-specific bundle ID and package name management
Native permission management via Info.plist and Android manifest plugins
Dynamic app.config.js generation with environment-specific logic
Secure environment variable configuration for EAS and local development
1 GitHub stars
Automated project health checks and diagnostic troubleshooting

ユースケース

Resolving complex SDK version mismatches and dependency issues in React Native projects
Configuring a single project to run Dev, Preview, and Production builds on the same device
Setting up over-the-air updates with EAS Update and runtime version policies