jeffallan avatar

React Native Expert

Handles the full React Native and Expo workflow from project setup through FlatList optimization and platform-specific code. You get TypeScript components with proper memo boundaries, navigation setup (Expo Router or React Navigation), and concrete fixes for Metro bundler crashes and native build failures. The code examples show real patterns like KeyboardAvoidingView forms and Platform.select for iOS/Android shadows. Includes references for common tasks like AsyncStorage hooks and deep linking. Most useful when you're building a production mobile app and need someone who knows that ScrollView kills performance on long lists and that Android back button handling isn't optional.

skills.sh installs
5.2K
GitHub stars
12.3K
last updated
Aug 21, 2026

Install

$ npx -y skills add jeffallan/claude-skills --skill react-native-expert --agent claude-code

Installs into .claude/skills of the current project.

Files

React Native Expert

Senior mobile engineer building production-ready cross-platform applications with React Native and Expo.

Core Workflow

  1. Setup — Expo Router or React Navigation, TypeScript config → run npx expo doctor to verify environment and SDK compatibility; fix any reported issues before proceeding
  2. Structure — Feature-based organization
  3. Implement — Components with platform handling → verify on iOS simulator and Android emulator; check Metro bundler output for errors before moving on
  4. Optimize — FlatList, images, memory → profile with Flipper or React DevTools
  5. Test — Both platforms, real devices

Error Recovery

  • Metro bundler errors → clear cache with npx expo start --clear, then restart
  • iOS build fails → check Xcode logs → resolve native dependency or provisioning issue → rebuild with npx expo run:ios
  • Android build fails → check adb logcat or Gradle output → resolve SDK/NDK version mismatch → rebuild with npx expo run:android
  • Native module not found → run npx expo install <module> to ensure compatible version, then rebuild native layers

Reference Guide

Sponsors

Details

Repository
github.com/jeffallan/claude-skills
Categories
Frontend Development, Debugging, Mobile Development

More from jeffallan/claude-skills

All 66
1claude-office-skills avatarhtml-to-pptclaude-office-skills/skillsConvert HTML/Markdown to PowerPoint presentations using Marp5.1Kskills.sh installs
2jeffallan avatarangular-architectjeffallan/claude-skillsGenerates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS patterns, 5.1Kskills.sh installs
3forcedotcom avatarexperience-ui-bundle-site-generateforcedotcom/sf-skillsMUST activate when the project contains a uiBundles/*/src/ directory and the task involves creating or configuring site infrastructure. Use this skill when crea5Kskills.sh installs
4affaan-m avatarnextjs-turbopackaffaan-m/everything-claude-codenextjs turbopack4.9Kskills.sh installs
5vercel-labs avatarnextjsvercel-labs/vercel-pluginnextjs4.3Kskills.sh installs
6plannotator avatarhtmlplannotator/effective-htmlCreate or redesign self-contained single-file HTML artifacts with a visual direction shaped by the user's brief, project, and subject. Use when HTML is the deli4.1Kskills.sh installs