React Native Expo

React Native Expo

Cross-platform mobile development with React Native and Expo.

🚀 Quick Start

import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View } from 'react-native';

export default function App() {
    return (
        <View style={styles.container}>
            <Text>Hello React Native!</Text>
            <StatusBar style="auto" />
        </View>
    );
}

const styles = StyleSheet.create({
    container: { flex: 1, alignItems: 'center', justifyContent: 'center' }
});

📋 When to Use

• ✅ Cross-platform mobile apps (iOS + Android)
• ✅ Quick start with Expo managed workflow
• ❌ Not for native modules without Expo

🔧 Step-by-Step Instructions

1. Create project: npx create-expo-app@latest my-app
2. Write components with React Native API
3. Test on device or simulator
4. Run: npx expo start

📦 Dependencies

npx create-expo-app@latest my-app

🧪 Examples

Input: App launch → Output: "Hello React Native!" displayed

🔗 Resources

• React Native Docs
• Expo Docs
• Examples

✅ Validation

1. App runs in simulator/device
2. Hot reload works correctly
3. Styles applied properly

Source: ssrjkk/claude-skills — distributed by TomeVault.