mobile-native-bestpractices

What problem does it solve?

Many React Native and Expo projects suffer from fragile architecture, poor real-device performance, inconsistent native UX, and accessibility gaps; this Skill provides a concise production-grade checklist and targeted guidance to find and fix those problems during development and code review.

Core Features & Use Cases

• Architecture guidance: recommended folder layout, separation of domain logic, thin context providers, and typed navigation that reduce coupling and improve maintainability.
• Performance and native UX: render optimizations, FlatList tuning, image caching strategies, native-driver animations, and platform-specific patterns to improve real-device responsiveness.
• Reliability and correctness: offline-first patterns, WebSocket reconnection, secure token storage recommendations, accessibility checks, and testing approaches for domain logic, hooks, and device E2E flows.
• Use cases: review a screen component for excessive renders, audit navigation types and deep links, evaluate native module integration, or produce a checklist before submitting mobile code.

Quick Start

Use the mobile-native-bestpractices skill to review a React Native screen file and return prioritized fixes for architecture, performance, accessibility, and native integration.