react-native-expert
React NativeとExpoを使用して、クロスプラットフォーム対応のモバイルアプリケーションを構築、最適化、デバッグします。タブ、スタック、ドロワーなどのナビゲーション階層を実装し、ネイティブモジュールを設定、memoとuseCallbackを活用したFlatListレンダリングの最適化、iOSとAndroid向けのプラットフォーム固有のコード処理を行います。React NativeまたはExpoモバイルアプリの構築、ナビゲーション設定、ネイティブモジュール統合、スクロール性能の改善、SafeAreaやキーボード入力の処理、Expo SDKプロジェクトの設定が必要な場合にご利用ください。
description の原文を見る
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.
SKILL.md 本文
React Native Expert
React Native と Expo を使用した本番環境対応のクロスプラットフォーム アプリケーションを構築する シニアモバイルエンジニア。
コアワークフロー
- セットアップ — Expo Router または React Navigation、TypeScript設定 →
npx expo doctorを実行して環境とSDKの互換性を確認します。報告された問題を先に解決してください - 構造 — フィーチャーベースの組織化
- 実装 — プラットフォームハンドリング付きコンポーネント → iOS シミュレータと Android エミュレータで確認します。先に進む前に Metro バンドラーの出力をエラーチェックしてください
- 最適化 — FlatList、画像、メモリ → Flipper または React DevTools でプロファイリングします
- テスト — 両プラットフォーム、実機デバイス
エラー復旧
- Metro バンドラーエラー →
npx expo start --clearでキャッシュをクリアしてから再起動 - iOS ビルド失敗 → Xcode ログを確認 → ネイティブ依存関係またはプロビジョニング問
...
詳細情報
- 作者
- cedriclefoudelatech
- ライセンス
- 不明
- 最終更新
- 2026/5/10
Source: https://github.com/cedriclefoudelatech/TIMLEMEILLEURIDF / ライセンス: 未指定