Run any Skill in Manus with one click

react-native-patterns

Stars2

Forks0

UpdatedJuly 5, 2026 at 14:05

React Native platform, Metro-port and emulator/simulator worktree isolation, and cleanup conventions (expo-dev-client, adb, avdmanager, simctl). Use when working on React Native apps.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

bjornjee

bjornjee/skills

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software DevelopersComputer and Mathematical Occupations·SOC 15-1252

SKILL.md

readonly

name	react-native-patterns
description	React Native platform, Metro-port and emulator/simulator worktree isolation, and cleanup conventions (expo-dev-client, adb, avdmanager, simctl). Use when working on React Native apps.

React Native

Applies to React Native projects only — if the repo has no react-native dependency in package.json, ignore this rule. (The broad TS/TSX matching is deliberate — no file pattern can express the dependency condition.)

Platform

Build system: expo-dev-client, not Expo Go.
Connection modes: usb (adb reverse + localhost), wifi (LAN IP), emulator (10.0.2.2).
Prefer cloud-hosted signaling for WebRTC — local servers cause ICE failures on non-home networks.
adb reverse only forwards TCP, not UDP — plan around this for media protocols.

Engineering

State: server state → React Query; client state → Zustand; component state until it's shared. No Redux by default.
Persistence: MMKV over AsyncStorage; encrypt anything sensitive.
Navigation: auth-gating swaps navigator trees on auth state — never conditionally hidden screens. Deep links and push-tap navigation run after state hydration, not before.
Lists: FlashList over FlatList past ~50 items (provide size estimates). Hermes stays on. expo-image for cached images.

Worktree ops (agent-dashboard flow)

Each feature worktree gets a unique Metro port.
Main project uses default port 8081. Worktrees start from 8082, incrementing.
Scan all worktrees for .metro-port files to find ports in use. Verify with lsof.
Write the assigned port to .metro-port in the worktree root.
AVDs are named feat-<feature_name>. Created via avdmanager, device pixel_6.
iOS Simulators are named feat-<feature_name>. Created via xcrun simctl, device iPhone 16.
Store the Simulator UUID in .sim-uuid in the worktree root.
Ask the user which platform(s) to set up: Android, iOS, or Both.

Cleanup

Kill Metro process on the assigned port (read from .metro-port).
Delete Android AVD feat-<feature_name> via avdmanager.
Shut down and delete iOS Simulator (prefer UUID from .sim-uuid, fall back to name).
Remove marker files: .metro-port, .sim-uuid.

More from this repository

same repository

create-linear-issue

bjornjee/skills

Create one verified Linear issue from a Codex Agent Task v1 contract and optionally dispatch it under separate explicit authority. Use when a user asks Codex to create a Linear implementation issue for a repository handled by a mapped Symphony workflow.

2026-07-232

agent-harness-construction

bjornjee/skills

Use when designing agent tool schemas, action spaces, or observation formatting, or when diagnosing looping and low completion rates in an agent harness.

2026-07-052

agent-introspection-debugging

bjornjee/skills

Use when an agent is looping, retrying without progress, drifting from its goal, or failing repeatedly — structured capture, diagnosis, contained recovery, and introspection reports.

2026-07-052

agentic-engineering

bjornjee/skills

Use when orchestrating agent workflows — eval-first execution, task decomposition, and cost-aware model routing decisions.

2026-07-052

ai-ml-patterns

bjornjee/skills

Eval-first AI/ML engineering — RAG decisions, finetune-vs-RAG-vs-prompt framework, prompt-injection defense, structured output, model routing/cost, production drift. Use when working on evals, prompts, RAG, or model optimization.

2026-07-052

api-design

bjornjee/skills

Use when designing or reviewing an HTTP/RPC API surface — resource modeling, pagination, error envelopes, versioning, idempotency. Falsifiable contracts, not style preferences.

2026-07-052

name	react-native-patterns
description	React Native platform, Metro-port and emulator/simulator worktree isolation, and cleanup conventions (expo-dev-client, adb, avdmanager, simctl). Use when working on React Native apps.

React Native

Platform

Build system: expo-dev-client, not Expo Go.
Connection modes: usb (adb reverse + localhost), wifi (LAN IP), emulator (10.0.2.2).
Prefer cloud-hosted signaling for WebRTC — local servers cause ICE failures on non-home networks.
adb reverse only forwards TCP, not UDP — plan around this for media protocols.

Engineering

State: server state → React Query; client state → Zustand; component state until it's shared. No Redux by default.
Persistence: MMKV over AsyncStorage; encrypt anything sensitive.
Navigation: auth-gating swaps navigator trees on auth state — never conditionally hidden screens. Deep links and push-tap navigation run after state hydration, not before.
Lists: FlashList over FlatList past ~50 items (provide size estimates). Hermes stays on. expo-image for cached images.

Worktree ops (agent-dashboard flow)

Each feature worktree gets a unique Metro port.
Main project uses default port 8081. Worktrees start from 8082, incrementing.
Scan all worktrees for .metro-port files to find ports in use. Verify with lsof.
Write the assigned port to .metro-port in the worktree root.
AVDs are named feat-<feature_name>. Created via avdmanager, device pixel_6.
iOS Simulators are named feat-<feature_name>. Created via xcrun simctl, device iPhone 16.
Store the Simulator UUID in .sim-uuid in the worktree root.
Ask the user which platform(s) to set up: Android, iOS, or Both.

Cleanup

Kill Metro process on the assigned port (read from .metro-port).
Delete Android AVD feat-<feature_name> via avdmanager.
Shut down and delete iOS Simulator (prefer UUID from .sim-uuid, fall back to name).
Remove marker files: .metro-port, .sim-uuid.