skills.rest
BitSleuthAI
BitSleuthAIOFFICIAL
Explore all skills by this author →
WebsiteGitHub

react-native-expo-skills

Provide React Native and Expo best practices for iOS and Android apps.

1|1|Updated Aug 14, 2025
Search Tags:#best practices#performance#ui/ux#mobile development#animation#react native#expo
One-click install
npx skills add https://github.com/BitSleuthAI/Wallet --skill react-native-expo-skills
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-native-expo-skills
Source: https://github.com/BitSleuthAI/Wallet/tree/main/.github/skills/react-native-skills
Command: npx skills add https://github.com/BitSleuthAI/Wallet --skill react-native-expo-skills

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a comprehensive set of best practices and rules for developing high-performance iOS and Android applications using React Native and Expo, ensuring optimal user experience and maintainability.

Core Features & Use Cases

  • Performance Optimization: Rules cover core rendering, list performance, animations, and scroll performance to prevent jank and ensure smooth UI.
  • Modern Development Patterns: Guidelines for navigation with Expo Router, styling with NativeWind, and leveraging native features.
  • Use Case: When developing a new feature in a React Native app, consult this Skill to ensure all components are built according to best practices for rendering, styling, and animation, leading to a faster and more responsive user interface.

Quick Start

Review the rules for optimizing list performance in the react-native-expo-skills documentation.

Frequently Asked Questions about react-native-expo-skills

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

FAQPage Schema
How do I optimize React Native list performance and prevent scroll jank?▼

Optimize React Native list performance by applying rules for core rendering and list virtualization, ensuring smooth UI and preventing scroll jank in Expo apps.

What are the best practices for React Native animations using Reanimated?▼

Best practices for React Native animations using Reanimated involve applying specific performance rules to prevent UI jank and maintain 60fps responsiveness across iOS and Android.

Can I use NativeWind and Expo Router together for styling and navigation?▼

Yes, NativeWind and Expo Router can be used together, following modern React Native development patterns that provide guidelines for integrating styling and navigation seamlessly.

Does this React Native Expo skill provide platform-specific optimizations for iOS and Android?▼

Yes, this Skill provides platform-specific optimizations for iOS and Android, covering core rendering, navigation, and native feature integration to ensure optimal mobile user experience.

When should I consult React Native Expo rules for refactoring a mobile app?▼

Consult React Native Expo rules when generating, maintaining, or refactoring mobile app codebases to ensure components follow best practices for rendering, styling, and animation performance.

Related Skills

Explore More Software Engineering Skills→
thesaifalitaithesaifalitai
8

react-native-expert

Build and configure production-grade bare React Native projects with native modules.

Community
Advanced
jperezdelrealjperezdelreal

performance-benchmarking

Benchmark mobile app startup, rendering, memory, and battery performance on Android and iOS.

Community
Advanced
sraloffsraloff
2

react-native-apps

Build React Native and Expo mobile apps with routing, styling, and native modules.

Community
Intermediate
elihuvillarauselihuvillaraus
2

mobile-builder

Develop native iOS and Android apps with SwiftUI, Kotlin, React Native, or Flutter.

Community
Advanced