react-native-expo

Enforce React Native and Expo managed workflow conventions for mobile development.

1|Updated Feb 21, 2026
One-click install
npx skills add https://github.com/BEE-CODED/bee-dev --skill react-native-expo-bee-coded
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-native-expo
Source: https://github.com/BEE-CODED/bee-dev/tree/main/plugins/bee/skills/stacks/react-native-expo
Command: npx skills add https://github.com/BEE-CODED/bee-dev --skill react-native-expo-bee-coded

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a standardized set of conventions and patterns for developing React Native applications using the Expo managed workflow, ensuring consistency and best practices.

Core Features & Use Cases

  • Expo Configuration: Guidance on app.json/app.config.js, EAS Build/Submit, and Expo Go usage.
  • Component Patterns: Best practices for using core React Native components like View, Text, FlatList, and Pressable.
  • Navigation: Standards for Expo Router, including file-based routing, Stack, and Tab navigators.
  • Styling: Enforcement of StyleSheet.create() and Flexbox layout principles.
  • Platform-Specific Code: Strategies for handling iOS and Android differences.
  • Native Modules: Recommended Expo SDK modules and permission handling.
  • State Management: Guidance on React hooks, AsyncStorage, SecureStore, and server state libraries.
  • Testing: Best practices for React Native Testing Library.

Quick Start

Follow these React Native + Expo standards for mobile app development.

Frequently Asked Questions about react-native-expo

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up Expo Router for file-based navigation in React Native?

Expo Router enables file-based navigation in React Native by mapping your file system to routes. You implement Stack and Tab navigators directly through file conventions to manage mobile application screens.

What is the best way to style React Native components using Expo?

The best way to style React Native components with Expo is using StyleSheet.create and Flexbox layout principles. This approach enforces mobile-first design standards and ensures consistent rendering across iOS and Android platforms.

How do I handle platform-specific code for iOS and Android in Expo?

Handling platform-specific code in Expo involves using strategies to manage iOS and Android differences. You can utilize conditional logic and platform-specific extensions to ensure correct native module integration and rendering.

Can I use AsyncStorage and SecureStore for state management in a React Native managed workflow?

Yes, you can use AsyncStorage and SecureStore for state management in a React Native managed workflow. Combine these with React hooks and server state libraries to handle persistent data and secure credentials effectively.

Does React Native Testing Library work with Expo SDK modules?

React Native Testing Library works with Expo SDK modules by following established testing best practices. It allows you to validate component patterns and logic within the Expo managed workflow environment reliably.

What are the limitations of using Expo Go for native module integration?

Expo Go limits native module integration to the modules already included in the Expo SDK. To integrate custom native modules outside the SDK, you must transition to EAS Build or create a custom development client.