How does it improve list performance?

It prioritizes FlashList for efficient cell recycling and provides specific memoization patterns for FlatList to ensure 60fps scrolling on both platforms.

Does it support the latest React features?

Yes, it includes patterns for React 19 features available in React Native 0.78+, such as the useOptimistic hook and simplified ref props.

Can I use this for Expo projects?

Absolutely. It covers patterns for Expo SDK 53+, including Expo Router, fast development cycles, and OTA update best practices.

How are platform differences handled?

The skill enforces using Platform.select and platform-specific file extensions to handle UI nuances like shadows, haptics, and safe areas on iOS vs Android.

Does this skill support the React Native New Architecture?

Yes, it is specifically optimized for React Native 0.76 and above, which utilizes Fabric, TurboModules, and JSI by default.

React Native Framework

Name: React Native Framework
Author: agents-inc

byagents-inc

0•

Mobile Development

Optimizes cross-platform mobile development with React Native's New Architecture, high-performance lists, and modern React 19 patterns.

A specialized guide for building production-grade mobile applications using React Native and Expo. This skill focuses on the New Architecture (Fabric, TurboModules), performance optimization via FlashList, and type-safe navigation using React Navigation 7+. It ensures your mobile code follows modern standards, including React 19 hooks, platform-specific styling, and robust accessibility, making it an essential companion for developers creating responsive, native-feeling apps for both iOS and Android.

Key Features

01React 19 mobile feature integration (useOptimistic, ref props)

020 GitHub stars

03New Architecture implementation (Fabric, TurboModules, JSI)

04Platform-specific UI handling and safe area management

05Type-safe navigation patterns using React Navigation 7+

06High-performance list optimization with FlashList and FlatList

Use Cases

01Building high-performance cross-platform e-commerce applications

02Implementing complex gestures and animations with Reanimated 4

03Migrating legacy apps to React Native 0.76+ New Architecture

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agents-inc/skills mobile-framework-react-native

For use in Claude.ai and ChatGPT

Download Skill