跳转到主要内容
此内容尚未提供您的语言版本,正在以英文显示。

React Native Expert

技能 已验证 活跃
属于:Fullstack Dev Skills

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.

目的

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

功能

  • 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.

使用场景

  • 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.

非目标

  • 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.

工作流

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

实践

  • Code Quality
  • Performance Optimization
  • Cross-Platform Development
  • Mobile App Structure

先决条件

  • 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.

安装

请先添加 Marketplace

/plugin marketplace add jeffallan/claude-skills
/plugin install claude-skills@fullstack-dev-skills

质量评分

已验证
97 /100
1 day ago 分析

信任信号

最近提交13 days ago
GitHub 所有者 jeffallan (opens in new tab)
星标9k
许可证MIT
状态
查看源代码

类似扩展

React Native Architecture

98

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.

技能
wshobson

Auth0 React Native

98

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

技能
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.

技能
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.

技能
auth0

Expo Router Expert

99

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.

技能
raintree-technology

Sentry React Native SDK

98

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.

技能
getsentry