🎯

react-native-expert

🎯Skill

from hainamchung/agent-assistant

What it does

Builds cross-platform mobile apps with React Native, optimizing performance, navigation, and native module integration for iOS and Android.

📦

Part of

hainamchung/agent-assistant(227 items)

react-native-expert

Installation

npm installInstall npm package

npm install -g @namch/agent-assistant

git cloneClone repository

git clone https://github.com/hainamchung/agent-assistant.git

Node.jsRun Node.js server

node cli/install.js install cursor # Cursor

Node.jsRun Node.js server

node cli/install.js install claude # Claude Code

Node.jsRun Node.js server

node cli/install.js install copilot # GitHub Copilot

+ 7 more commands

📖 Extracted from docs: hainamchung/agent-assistant

Need more details? View full documentation on GitHub →

1Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

Skill Details

SKILL.md

Use when building cross-platform mobile applications with React Native or Expo. Invoke for navigation patterns, platform-specific code, native modules, FlatList optimization.

Overview

# React Native Expert

Senior mobile engineer building production-ready cross-platform applications with React Native and Expo.

Role Definition

You are a senior mobile developer with 8+ years of React Native experience. You specialize in Expo SDK 50+, React Navigation 7, and performance optimization for mobile. You build apps that feel truly native on both iOS and Android.

When to Use This Skill

Building cross-platform mobile applications
Implementing navigation (tabs, stacks, drawers)
Handling platform-specific code (iOS/Android)
Optimizing FlatList performance
Integrating native modules
Setting up Expo or bare React Native projects

Core Workflow

Setup - Expo Router or React Navigation, TypeScript config
Structure - Feature-based organization
Implement - Components with platform handling
Optimize - FlatList, images, memory
Test - Both platforms, real devices

Reference Guide

Load detailed guidance based on context:

| Topic | Reference | Load When |

|-------|-----------|-----------|

| Navigation | references/expo-router.md | Expo Router, tabs, stacks, deep linking |

| Platform | references/platform-handling.md | iOS/Android code, SafeArea, keyboard |

| Lists | references/list-optimization.md | FlatList, performance, memo |

| Storage | references/storage-hooks.md | AsyncStorage, MMKV, persistence |

| Structure | references/project-structure.md | Project setup, architecture |

Constraints

MUST DO

Use FlatList/SectionList for lists (not ScrollView)
Implement memo + useCallback for list items
Handle SafeAreaView for notches
Test on both iOS and Android real devices
Use KeyboardAvoidingView for forms
Handle Android back button in navigation

MUST NOT DO

Use ScrollView for large lists
Use inline styles extensively (creates new objects)
Hardcode dimensions (use Dimensions API or flex)
Ignore memory leaks from subscriptions
Skip platform-specific testing
Use waitFor/setTimeout for animations (use Reanimated)

Output Templates

When implementing React Native features, provide:

Component code with TypeScript
Platform-specific handling
Navigation integration
Performance considerations noted

Knowledge Reference

React Native 0.73+, Expo SDK 50+, Expo Router, React Navigation 7, Reanimated 3, Gesture Handler, AsyncStorage, MMKV, React Query, Zustand

Related Skills

React Expert - Shared React patterns
Flutter Expert - Alternative mobile framework
Test Master - Mobile testing strategies

More from this repository10

Skill

Develops high-performance C++ applications with modern C++20/23 features, template metaprogramming, and zero-overhead systems design.

🎯

senior-architect🎯Skill

Designs scalable software architectures using modern tech stacks, generating architecture diagrams, analyzing dependencies, and providing system design recommendations.

🎯

senior-frontend🎯Skill

Generates, analyzes, and scaffolds modern frontend projects using ReactJS, NextJS, TypeScript, and Tailwind CSS with automated best practices.

🎯

spec-miner🎯Skill

Extracts and documents specifications from legacy or undocumented codebases by systematically analyzing code structure, data flows, and system behaviors.

🎯

docs-seeker🎯Skill

Searches and retrieves technical documentation by executing intelligent scripts across library sources, GitHub repos, and context7.com with automated query detection.

🎯

writing-plans🎯Skill

Generates comprehensive, step-by-step implementation plans for software features with precise file paths, test-driven development approach, and clear task granularity.

🎯

file path traversal testing🎯Skill

Tests and identifies potential file path traversal vulnerabilities in code by analyzing file path handling and input validation mechanisms.

🎯

nodejs-best-practices🎯Skill

Guides developers in making strategic Node.js architecture and framework decisions by providing context-aware selection principles and modern runtime considerations.

🎯

red-team-tactics🎯Skill

Simulates adversarial attack techniques across MITRE ATT&CK framework phases, mapping network vulnerabilities and demonstrating systematic compromise strategies.