
React Native Expo
Scaffold, upgrade, and debug Expo SDK 52+ apps on mandatory New Architecture without known Fabric, TurboModule, and SDK 54 breaking pitfalls.
Overview
react-native-expo is an agent skill most often used in Build (also Ship) that guides Expo SDK 52+ and New Architecture mobile apps and blocks 16 documented failure modes.
Install
npx skills add https://github.com/jezweb/claude-skills --skill react-native-expoWhat is this skill?
- Covers React Native 0.76+ with Expo SDK 52–54 and New Architecture expectations (0.82+/SDK 55+)
- Documents SDK 54 breaking changes: expo-av, expo-file-system, Reanimated v4
- Prevents 16 documented errors including propTypes, expo-updates, and Swift AppDelegate issues
- Auto-trigger keywords for fabric, turbomodules, Hermes, and expo dev client
- Migration paths for upgrading to SDK 54+ and fixing TurboModule/Fabric failures
- Covers Expo SDK 52–54 and React Native 0.76+
Adoption & trust: 745 installs on skills.sh; 841 GitHub stars; 2/3 security scanners passed (skills.sh audits).
What problem does it solve?
You are on Expo SDK 54 or mandatory New Architecture and hit opaque crashes, deprecated APIs, or Swift AppDelegate errors during build or upgrade.
Who is it for?
Indie mobile builders on Expo who upgrade SDKs frequently and need agent help that respects Fabric, Hermes, and Reanimated v4 rules.
Skip if: Bare React Native CLI-only workflows with no Expo toolchain, or greenfield web SaaS with no mobile target.
When should I use this skill?
Building Expo apps, migrating to New Architecture, upgrading to SDK 54+, or fixing Fabric, TurboModule, propTypes, expo-updates, or Swift AppDelegate errors.
What do I get? / Deliverables
Your project aligns with supported SDK and architecture constraints with agent fixes grounded in documented error catalog and official release-note behavior.
- Updated app.json/app.config and dependency versions
- Migration or crash-fix patches aligned to SDK release notes
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
Most value lands while creating or refactoring the mobile app codebase and dependencies. Expo UI, navigation, native modules, and Metro config are mobile frontend build concerns even when fixing crashes.
Where it fits
Bootstrap Expo SDK 54 with React Navigation and dev client before feature work.
Resolve expo-av and expo-file-system breaking changes before a TestFlight build.
Diagnose recurring Hermes or TurboModule errors after a dependency bump.
How it compares
Expo-and-New-Architecture playbook—not a generic React web skill or a one-off Stack Overflow snippet.
Common Questions / FAQ
Who is react-native-expo for?
Solo developers and small teams building with Expo Go or dev clients who need accurate SDK 52+ and New Architecture guidance in the agent loop.
When should I use react-native-expo?
In Build when creating Expo apps or editing native-facing JS; in Ship when upgrading to SDK 54+, migrating to New Architecture, or fixing expo-updates and AppDelegate crashes.
Is react-native-expo safe to install?
Treat native dependency and config changes as high-impact; review the Security Audits panel on this page and test on simulators before store submission.
SKILL.md
READMESKILL.md - React Native Expo
{ "name": "react-native-expo", "description": "Build React Native 0.76+ apps with Expo SDK 52-54. Covers mandatory New Architecture (0.82+/SDK 55+), React 19 changes, SDK 54 breaking changes (expo-av, expo-file-system, Reanimated v4), and Swift iOS template. Prevents 16 documented errors. Use when building Expo apps, migrating to New Architecture, upgrading to SDK 54+, or fixing Fabric, TurboModule, propTypes, expo-updates crashes, or Swift AppDelegate errors.", "version": "1.0.0", "author": { "name": "Jeremy Dawes", "email": "jeremy@jezweb.net" }, "license": "MIT", "repository": "https://github.com/jezweb/claude-skills", "keywords": [], "agents": "./agents/" } # React Native Expo (0.76-0.82+ / SDK 52+) **Status**: Production Ready ✅ **Last Updated**: 2025-11-22 **Production Tested**: Knowledge based on official React Native and Expo release notes --- ## Auto-Trigger Keywords Claude Code automatically discovers this skill when you mention: ### Primary Keywords - react-native - react native - expo - expo sdk - expo go - new architecture - fabric - turbomodules - hermes engine ### Secondary Keywords - react-native-cli - expo-cli - react native devtools - metro bundler - ios simulator - android emulator - expo dev client - react navigation - swift appdelegate - objective-c appdelegate ### Version-Specific Keywords - react-native 0.76 - react-native 0.77 - react-native 0.78 - react-native 0.79 - react-native 0.80 - react-native 0.81 - react-native 0.82 - expo sdk 52 - expo sdk 53 - react 19 ### Error-Based Keywords - "Fabric component descriptor not found" - "TurboModule not registered" - "propTypes is not a function" - "forwardRef is deprecated" - "RCTAppDependencyProvider not found" - "console.log() not showing" - "Metro logs not appearing" - "Chrome debugger not working" - "newArchEnabled=false not working" - "cannot disable new architecture" - "deep imports deprecated" - "react-native/Libraries" - "JSC not supported" - "Redux store crashes" - "i18n-js not working" - "CodePush crashes" - "C++11 too old" - "targeting C++11" - "glog module import error" ### CSS Feature Keywords - display: contents - boxSizing - mixBlendMode - outline properties - isolation css - android xml drawables - react native css ### React 19 Keywords - useActionState - useOptimistic - use hook - react 19 migration - propTypes removal - forwardRef removal --- ## What This Skill Does This skill provides knowledge-gap-focused guidance for React Native 0.76-0.82+ and Expo SDK 52+, covering critical updates from December 2024 onward that aren't in LLM training data. ### Core Capabilities ✅ **New Architecture Migration** - Mandatory in 0.82+, interop layer in 0.76-0.81 ✅ **React 19 Breaking Changes** - propTypes removal, forwardRef deprecation, new hooks ✅ **New CSS Properties** - display: contents, mixBlendMode, outline, boxSizing (0.77+) ✅ **Swift iOS Template** - Default in 0.77+, migration from Objective-C ✅ **DevTools Migration** - Chrome debugger removed, React Native DevTools required ✅ **Hermes Engine** - JSC moved to community, Hermes default ✅ **Expo SDK 52+ Specifics** - JSC removed from Expo Go, New Architecture required ✅ **Android XML Drawables** - Native vector graphics support (0.78+) ✅ **Migration Paths** - Safe upgrade routes from 0.72+ to 0.82+ ✅ **Error Prevention** - 12 documented issues with exact error messages and fixes --- ## Known Issues This Skill Prevents | Issue | Why It Happens | Source | How Skill Fixes It | |-------|---------------|---------|-------------------| | propTypes silently ignored | React 19 removed runtime validation | [React 19 Guide](https://react.dev/blog/2024/04/25/react-19-upgrade-guide) | Use TypeScript, run codemod | | forwardRef deprecated warning | React 19 allows ref as regular prop | [React 19 Guide](https://react.dev/blog/2024/04/25/react-19-upgrade-guide) | Remove wrapper, pass ref directly | | New Architecture can't be disabled (0.82+) | Legacy removed from cod