Dieser Inhalt ist noch nicht in Ihrer Sprache verfügbar und wird auf Englisch angezeigt.

React Native Expert

Skill Verifiziert Aktiv

Builds, optimizes, and debugs cross-platform mobile applications with React Native and Expo. Implements navigation hierarchies (tabs, stacks, drawers), configures native modules, optimizes FlatList rendering with memo and useCallback, and handles platform-specific code for iOS and Android. Use when building a React Native or Expo mobile app, setting up navigation, integrating native modules, improving scroll performance, handling SafeArea or keyboard input, or configuring Expo SDK projects.

Zweck

To empower developers to build high-quality, performant, and production-ready cross-platform mobile applications using React Native and Expo.

Funktionen

Builds, optimizes, and debugs React Native/Expo apps.
Implements navigation hierarchies (tabs, stacks, drawers).
Optimizes FlatList rendering with memo and useCallback.
Handles platform-specific code for iOS and Android.
Configures native modules and Expo SDK projects.

Anwendungsfälle

Building a new React Native or Expo mobile application.
Setting up navigation structures (tabs, stacks, drawers).
Integrating third-party native modules.
Improving scroll performance and memory usage in lists.
Handling platform-specific UI/UX elements (SafeArea, keyboard).
Configuring Expo SDK projects and ensuring environment compatibility.

Nicht-Ziele

Developing native iOS or Android applications outside of React Native/Expo.
Backend development or API integration (unless directly related to mobile app data needs).
UI design or complex graphic asset creation.
Testing on non-mobile platforms.

Workflow

Setup: Configure Expo Router/React Navigation, TypeScript, and verify environment.
Structure: Organize code using feature-based modularity.
Implement: Create components with platform handling and verify on emulators/devices.
Optimize: Improve performance of lists, images, and memory usage.
Test: Conduct thorough testing on both iOS and Android real devices.

Praktiken

Code Quality
Performance Optimization
Cross-Platform Development
Mobile App Structure

Voraussetzungen

React Native development environment set up (Node.js, Expo CLI).
Familiarity with basic React Native concepts.
Xcode and/or Android Studio for native builds and simulators/emulators.

Installation

Zuerst Marketplace hinzufügen

/plugin marketplace add jeffallan/claude-skills

/plugin install claude-skills@fullstack-dev-skills

Qualitätspunktzahl

Verifiziert

97 /100

Analysiert about 22 hours ago

Vertrauenssignale

Letzter Commit13 days ago

GitHub-Inhaber jeffallan

Sterne9k

LizenzMIT

Status

Quellcode ansehen

Ähnliche Erweiterungen

React Native Architecture

Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Native projects.

Skill

wshobson

Auth0 React Native

Use when adding authentication to React Native or Expo mobile apps (iOS/Android) with biometric support - integrates react-native-auth0 SDK with native deep linking

Skill

auth0

Expo Expert

100

Comprehensive Expo expert with access to complete official documentation covering React Native development, EAS Build, EAS Submit, EAS Update, Expo Router, Expo Modules API, configuration, deployment, and all platform features. Invoke when user mentions Expo, React Native, EAS, Expo Router, mobile app development, iOS/Android development, or cross-platform development.

Skill

raintree-technology

Auth0 Expo Integration

100

Use when adding authentication to Expo (React Native) mobile apps — login, logout, user sessions, protected routes, biometrics, or token management. Integrates react-native-auth0 SDK with Expo Config Plugin for native iOS/Android builds. Trigger for any Expo project needing Auth0, including app.json plugin config, custom scheme setup, or credential management. Do NOT use for bare React Native CLI projects (use auth0-react-native), React web apps (use auth0-react), Next.js (use auth0-nextjs), or backend APIs.

Skill

auth0

Expo Router Expert

Expert on Expo Router for file-based routing in React Native apps. Covers navigation, layouts, dynamic routes, deep linking, and TypeScript integration. Invoke when user mentions Expo Router, file-based routing, navigation, app directory, or routing in Expo.

Skill

raintree-technology

Sentry React Native SDK

Full Sentry SDK setup for React Native and Expo. Use when asked to "add Sentry to React Native", "install @sentry/react-native", "setup Sentry in Expo", or configure error monitoring, tracing, profiling, session replay, or logging for React Native applications. Supports Expo managed, Expo bare, and vanilla React Native.

Skill

getsentry