skills.rest
JCETools-Petra
JCETools-PetraCOMMUNITY
Explore all skills by this author →
GitHub

react-native

Guide React Native and Expo routing, state, and testing implementation choices.

16|Updated Apr 30, 2026
Search Tags:#testing#performance#react-native#eas build#expo-router#reanimated#mobile debugging
One-click install
npx skills add https://github.com/JCETools-Petra/JCE-Opencode-Tools --skill react-native-jcetools-petra
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-native
Source: https://github.com/JCETools-Petra/JCE-Opencode-Tools/tree/main/config/skills/react-native
Command: npx skills add https://github.com/JCETools-Petra/JCE-Opencode-Tools --skill react-native-jcetools-petra

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you implement, debug, and verify React Native and Expo workflows faster by guiding you through common architecture and tooling decisions for real mobile projects.

Core Features & Use Cases

  • Expo/React Native project setup guidance: Choose between Expo (managed) and bare workflows, including OTA updates with EAS Update or CodePush patterns.
  • Navigation and routing implementation: Set up Expo Router (file-based routes) or React Navigation (imperative routing), including tabs and deep linking considerations.
  • Production-ready performance, UI, and state patterns: Apply best practices for rendering, animations (Reanimated), lists (FlashList), images (expo-image), and state management (TanStack Query, Zustand, React Hook Form, MMKV).

Quick Start

Ask the assistant to help you design and implement the React Native navigation and state setup for your Expo Router app, including performance-safe list rendering and Reanimated-based animations.

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 Expo Router for my React Native app?▼

To set up React Native navigation, choose between file-based Expo Router or imperative React Navigation, integrating tabs and deep linking. This Skill guides implementation choices for routing and state management workflows.

What's the best way to optimize React Native performance for lists and animations?▼

Optimizing React Native performance requires applying best practices for rendering, using Reanimated for animations, and FlashList for lists. This Skill guides implementation choices to ensure UI responsiveness and production-ready performance patterns.

How do I configure EAS Build and EAS Update for an Expo managed workflow?▼

Configuring EAS Build and EAS Update for an Expo managed workflow allows you to ship React Native apps with OTA updates. This Skill covers EAS build and update flows to help you deploy and update your mobile application.

Does this support React Native testing utilities with expo-router?▼

Yes, React Native testing is supported using a React testing approach with expo-router testing utilities. This Skill guides debugging and verification workflows to help you implement and verify mobile app tasks.

Which state management libraries should I use for React Native?▼

Recommended state management libraries for React Native include TanStack Query, Zustand, React Hook Form, and MMKV. This Skill guides implementation choices to apply production-ready state patterns for your mobile application.

When should I choose Expo managed workflow over bare workflow for React Native?▼

Choosing Expo managed workflow over bare workflow depends on your project setup decisions and OTA update needs. This Skill helps you choose between Expo managed and bare workflows, including CodePush patterns and EAS Update integration.

Related Skills

Explore More Software Engineering Skills→
Hyeonjun0527Hyeonjun0527
1

expo-patterns

Define a canonical Expo app structure with folder and naming conventions.

Community
Basic
RitenoobRitenoob

eas-mobile-deployment

Manage EAS builds, submissions, and OTA updates for the RidenDine mobile app.

Community
Advanced
benshapyrobenshapyro
9

react-patterns

Generate TypeScript React components and hooks with standardized patterns for state management and composition.

Community
Advanced
FutureAtomsFutureAtoms
1

react-native-2026-expo-router

Configures Expo Router v6 for file-based routing in React Native apps.

Community
Intermediate