AI Skill Report Card
Setting Up React Native CLI
Quick Start15 / 15
Bash# Install React Native CLI globally npm install -g @react-native-community/cli # Create new project npx react-native init MyProject # Navigate to project cd MyProject # Run on iOS (requires Xcode) npx react-native run-ios # Run on Android (requires Android Studio) npx react-native run-android
Recommendation▾
Add concrete input/output examples showing actual terminal responses and folder structures created
Workflow13 / 15
Progress:
- Install Node.js (14 or newer)
- Install React Native CLI globally
- Install platform tools (Xcode for iOS, Android Studio for Android)
- Configure platform-specific dependencies
- Create and test new project
- Verify simulator/emulator functionality
iOS Setup (Xcode)
- Install Xcode from Mac App Store
- Install Xcode Command Line Tools:
xcode-select --install - Install CocoaPods:
sudo gem install cocoapods
Android Setup (Android Studio)
- Download and install Android Studio
- Install Android SDK (API level 28+)
- Configure ANDROID_HOME environment variable
- Add platform-tools to PATH
Recommendation▾
Include specific environment variable configuration commands (export ANDROID_HOME=/path/to/sdk)
Examples10 / 20
Example 1: New iOS Project
Input: npx react-native init WeatherApp
Output: Project created with iOS and Android folders, package.json configured
Example 2: Running on iOS Simulator
Input: npx react-native run-ios --simulator="iPhone 14"
Output: App builds and launches on specified iOS simulator
Recommendation▾
Provide troubleshooting section with specific error messages and solutions for common setup failures
Best Practices
- Use specific iOS simulator names to avoid conflicts
- Keep Android SDK updated to latest stable version
- Use
--portflag if metro bundler port conflicts occur - Install Flipper for debugging in development
- Use
--reset-cacheflag when experiencing bundle issues
Common Pitfalls
- Don't skip Xcode Command Line Tools installation
- Don't forget to configure ANDROID_HOME environment variable
- Don't use React Native CLI with Expo projects (use Expo CLI instead)
- Don't run
npm installin ios/ folder (use CocoaPods) - Avoid running multiple metro bundlers simultaneously