react-native

Build production React Native apps with Expo SDK 53+ and EAS Build.

110|14|Updated May 12, 2026
One-click install
npx skills add https://github.com/EliasOulkadi/shokunin --skill react-native-eliasoulkadi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-native
Source: https://github.com/EliasOulkadi/shokunin/tree/main/.pack/skills/react-native
Command: npx skills add https://github.com/EliasOulkadi/shokunin --skill react-native-eliasoulkadi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Builds production-grade React Native apps that avoid common performance regressions and release pitfalls across Expo SDK upgrades, navigation, animations, deep links, and app-store deployment.

Core Features & Use Cases

  • Production Expo setup with New Architecture: Configures Fabric + TurboModules for Expo SDK 53+ and validates third-party compatibility.
  • Navigation with Expo Router (or React Navigation v7): Implements file-based routing, typed routes, and deep-link handling.
  • Performance-first mobile rendering: Replaces FlatList with FlashList, optimizes list item rendering, and uses Hermes and screen freezing.
  • Mobile UX and delivery: Adds Reanimated 4 gesture-driven animations, push notifications handling, and EAS Build/App Store + Play Store deployment.

Quick Start

Ask the agent to generate a production Expo React Native app using SDK 53+, Expo Router, FlashList, Reanimated 4, Zustand, Hermes, and EAS Build deployment for both iOS and Android.

Frequently Asked Questions about react-native

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

FAQPage Schema
How do I set up an Expo React Native app with the New Architecture enabled?▼

Setting up an Expo React Native app with the New Architecture requires enabling Fabric and TurboModules for SDK 53+ while validating third-party library compatibility to prevent performance regressions across your mobile app.

What's the best way to handle deep links and typed routes in Expo Router?▼

Handling deep links and typed routes in Expo Router involves implementing file-based routing structures that ensure navigation correctness and deep-link parsing within your React Native application.

How do I replace FlatList with FlashList for React Native list virtualization?▼

Replacing FlatList with FlashList for list virtualization requires using the FlashList component with an explicitly defined estimatedItemSize property to optimize list item rendering performance.

Can I use Reanimated 4 worklets for gesture-driven animations in Expo?▼

Yes, you can use Reanimated 4 worklets for gesture-driven animations in Expo by implementing worklet-based logic that runs on the UI thread for smooth mobile UX performance.

How do I configure EAS Build for App Store and Play Store deployment?▼

Configuring EAS Build for App Store and Play Store deployment involves running CI/CD-friendly release steps to produce finalized application binaries for both iOS and Android platforms.

Why does my React Native app experience performance regressions after upgrading Expo SDK?▼

React Native apps experience performance regressions after Expo SDK upgrades due to unoptimized list rendering and disabled New Architecture features, requiring Hermes adoption and screen freezing to resolve.