Main Site ↗

expo-workflows

by timequity60GitHub

Provides practical Expo workflow examples including project setup, EAS Build configurations, OTA updates with expo-updates, environment variable usage, and common package installations. Focuses on real-world development tasks rather than theoretical concepts.

Unlock Deep Analysis

Use AI to visualize the workflow and generate a realistic output preview for this skill.

Powered by Fastest LLM

Target Audience

React Native developers using Expo who need practical workflow guidance

10/10Security

Low security risk, safe to use

8
Clarity
9
Practicality
8
Quality
7
Maintainability
4
Innovation
Mobile
exporeact-nativeeas-buildmobile-developmentota-updates
Compatible Agents
Claude Code
Claude Code
~/.claude/skills/
Codex CLI
Codex CLI
~/.codex/skills/
Gemini CLI
Gemini CLI
~/.gemini/skills/
O
OpenCode
~/.opencode/skills/
O
OpenClaw
~/.openclaw/skills/
GitHub Copilot
GitHub Copilot
~/.copilot/skills/
Cursor
Cursor
~/.cursor/skills/
W
Windsurf
~/.codeium/windsurf/skills/
C
Cline
~/.cline/skills/
R
Roo Code
~/.roo/skills/
K
Kiro
~/.kiro/skills/
J
Junie
~/.junie/skills/
A
Augment Code
~/.augment/skills/
W
Warp
~/.warp/skills/
G
Goose
~/.config/goose/skills/
SKILL.md

Expo Workflows

Project Setup

# Create new project
npx create-expo-app@latest my-app --template tabs

# Install dependencies
npx expo install expo-router expo-status-bar

EAS Build

// eas.json
{
  "cli": { "version": ">= 5.0.0" },
  "build": {
    "development": {
      "developmentClient": true,
      "distribution": "internal"
    },
    "preview": {
      "distribution": "internal"
    },
    "production": {}
  },
  "submit": {
    "production": {}
  }
}
# Build for iOS
eas build --platform ios --profile production

# Build for Android
eas build --platform android --profile production

EAS Update (OTA)

# Configure
eas update:configure

# Push update
eas update --branch production --message "Bug fixes"
// Check for updates
import * as Updates from 'expo-updates';

async function checkForUpdates() {
  const update = await Updates.checkForUpdateAsync();
  if (update.isAvailable) {
    await Updates.fetchUpdateAsync();
    await Updates.reloadAsync();
  }
}

Environment Variables

# .env
EXPO_PUBLIC_API_URL=https://api.example.com
// Usage
const apiUrl = process.env.EXPO_PUBLIC_API_URL;

Common Packages

npx expo install expo-camera
npx expo install expo-location
npx expo install expo-notifications
npx expo install expo-secure-store
npx expo install expo-image-picker

Development

# Start dev server
npx expo start

# Run on device
npx expo start --dev-client

# Clear cache
npx expo start -c

Source: https://github.com/timequity/plugins#craft-coder~mobile~expo-workflows

Content curated from original sources, copyright belongs to authors

Grade A
7.4AI Score
Best Practices
Checking...
Try this Skill

User Rating

USER RATING

0UP
0DOWN
Loading files...

WORKS WITH

Claude Code
Claude
Codex CLI
Codex
Gemini CLI
Gemini
O
OpenCode
O
OpenClaw
GitHub Copilot
Copilot
Cursor
Cursor
W
Windsurf
C
Cline
R
Roo
K
Kiro
J
Junie
A
Augment
W
Warp
G
Goose