Mobile Debugging

What problem does it solve?

Debugging React Native and Expo apps can be slow and fragmented due to scattered logs, platform-specific quirks, and flaky builds. This Skill provides a structured guide to diagnose Metro bundler errors, native module failures, performance issues, and crash analyses, helping you cut debugging time dramatically.

Core Features & Use Cases

• Unified debugging workflow: Step-by-step checks for Metro bundler, device/emulator logs, and console output.
• Native module diagnosis: Guidance for iOS/Android native errors, pod installs, and rebuilds.
• Performance & network: Tips for identifying slow renders, memory leaks, and debugging network calls.
• Use Case: When your app crashes on launch, use these steps to reproduce, isolate, and fix the root cause.

Quick Start

To start debugging, reproduce the issue and ask for a prioritized fix plan. Then run cache-clearing and log-check commands:

• Clear caches: npx expo start --clear; watchman watch-del-all; rm -rf node_modules && npm install
• Reset native environments: cd ios && pod deintegrate && pod install && cd ..; adb shell pm clear com.yourapp || true
• Review logs: npx react-native log-ios or npx react-native log-android