LogoAwesome Skills
  • Search
  • Category
  • Tag
  • Blog
LogoAwesome Skills
LogoAwesome Skills

Discover Open-Source Agent Skills for AI Coding Assistants

Product

  • Search
  • Category
  • Tag
  • Blog

Resources

  • Claude Skill Docs
  • Antigravity Skills Docs

Tools

  • Claude Code
  • OpenCode
  • Cursor
  • Codex
  • Antigravity

Company

  • Privacy Policy
  • Terms of Service
  • Sitemap

©2026 Awesome Skills. All rights reserved.

Privacy PolicyTerms
Back to Skills

react-native-dev

React Native and Expo development guide covering components, styling, animations, navigation, state management, forms, networking, performance optimization, testing, native capabilities, and engineering (project structure, deployment, SDK upgrades, CI/CD). Use when: building React Native or Expo apps, implementing animations or native UI, managing state, fetching data, writing tests, optimizing performance, deploying to App Store/Play Store, setting up CI/CD, upgrading Expo SDK, or configuring T

13,191stars1,131forksUpdated 7/31/2026
Web DevelopmentDocumentation#react-native#mobile#documentation#expo#typescript

Security Assessment

Safe(95/100)
Security Score95/100

About react-native-dev

react-native-dev is a broad, practical development guide for building production-ready React Native and Expo applications. It solves the problem of navigating the sprawling React Native and Expo ecosystem by consolidating current, opinionated recommendations across UI, styling, animations, navigation, state, forms, networking, performance, testing, native capabilities, and engineering into one skill with topic-specific reference files.

The main document offers quick-reference tables of component preferences (FlashList over FlatList, expo-image over the built-in Image, Pressable over TouchableOpacity, Reanimated 3 over the legacy Animated API, and more), scaling guidance, a state-management decision matrix, and prioritized performance fixes. Reference files go deep on Expo Router navigation, native UI components and visual effects, StyleSheet and NativeWind styling, Reanimated animations, Zustand/Jotai/React Query state, React Hook Form plus Zod forms, a fetch-based networking layer with React Query and optimistic updates, profiling and bundle optimization, Jest and React Native Testing Library plus Maestro E2E, native capabilities like camera, location, permissions, haptics, notifications and biometrics, and engineering topics such as project layout, EAS build/submit, CI/CD, and SDK upgrades. Notably, its security-conscious guidance recommends storing tokens in expo-secure-store and warns that AsyncStorage is unencrypted and readable on rooted or jailbroken devices.

It targets mobile developers and teams building or scaling Expo and React Native apps, from initial architecture through deployment to the App Store and Play Store. As an MIT-licensed documentation and code-pattern reference, it credits upstream sources including Expo's own skills and official docs, and provides advisory patterns rather than executing anything destructive.

FAQ

What does the guide cover?

Components, styling, animations, navigation, state management, forms, networking, performance, testing, native capabilities, and engineering topics like project structure, EAS deployment, SDK upgrades, and CI/CD.

Which libraries does it recommend?

Among others FlashList for lists, expo-image for images, Reanimated 3 for animations, Gesture Handler for gestures, Expo Router for navigation, Zustand or Jotai for shared state, React Query for server state, and React Hook Form with Zod for forms.

How does it advise handling auth tokens?

It recommends storing any token or secret in expo-secure-store and warns that AsyncStorage is unencrypted and readable on rooted or jailbroken devices, and shows attaching bearer tokens and safely refreshing them.

Is it for Expo, bare React Native, or both?

Both, though it leans toward Expo and Expo Router for new projects and references EAS for building and submitting apps.

What is its license and sourcing?

It is MIT-licensed and credits upstream sources including Expo's skills repository and the official Expo and React Native documentation.

All Files

12 files
references/components.md2.7 KB
View
references/networking.md9.6 KB
View
SKILL.md7.1 KB
View
references/native-capabilities.md4.5 KB
View
references/engineering.md13.6 KB
View
references/performance.md6.9 KB
View
references/animations.md6.6 KB
View
references/navigation.md6.6 KB
View
references/testing.md7.9 KB
View
references/forms.md8.8 KB
View
references/state-management.md6.3 KB
View
references/styling.md2.8 KB
View

Install react-native-dev

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill

Repository

minimax-ai/skills

Related Skills

research

448

secops-detection-engineering

21,346

qdrant-monitoring

259

project-architecture

3