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.