mcpField
R
react-native

react-native

github.com/full-stack-skills開発2127 回インストール5 週間前に更新
リポジトリ

react-native について

React Nativeでクロスプラットフォームのモバイルアプリを開発するためのスキルです。ネイティブコンポーネントやアプリ設定に取り組む開発者向けに、UI、ナビゲーション、Metro、依存関係、デバッグ、リリースを扱います。

主な機能

  1. 01React Nativeの基本UIコンポーネント
  2. 02React Navigationによるナビゲーション
  3. 03ネイティブモジュールとリンク設定
  4. 04Metro、シミュレーター、実機での実行
  5. 05デバッグとリリースの指針

活用シーン

  1. 01クロスプラットフォームアプリの開発
  2. 02ネイティブ依存関係の設定
  3. 03シミュレーターや実機でのアプリ実行
  4. 04テストとリリース手順の準備

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/full-stack-skills/react-skills --skill react-native

インストール後、Claude Code で/react-nativeを入力して読み込まれたか確認します。

同梱ファイルagents/openai.yamlLICENSE.txt

詳細

このスキルを使うタイミング

このスキルは、ユーザーが次のことを希望する場合に使用します。

  • React Native でクロスプラットフォームのモバイルアプリ、ネイティブコンポーネント、ブリッジを開発する
  • Metro、ネイティブ依存関係、デバッグ、リリースを設定する

このスキルの使い方

  1. コア：View、Text、FlatList、StyleSheet、ナビゲーション（React Navigation）、ネイティブモジュールとリンク。
  2. 実行：npx react-native run-ios/run-android、Metro、シミュレーターと実機。
  3. 参考：https://reactnative.dev/docs/getting-started

ベストプラクティス

  • リストには FlatList と最適化を使用します。メインスレッドでの再計算は避けてください。
  • ネイティブ依存関係とバージョンを一致させ、両方のプラットフォームとリリースフローをテストします。

キーワード

React Native、クロスプラットフォーム、モバイル、Metro

コメント

Markdown 対応