Create React Native Library
概要
このスキルを使用して、スタンドアロンの React Native ライブラリ、または既存アプリ内のローカルライブラリをスキャフォールディングし、その後適切な実装ドキュメントに進みます。
例:
- 他の React Native ライブラリを使用する可能性のある JS のみのライブラリ
- JavaScript にネイティブ機能を公開するネイティブモジュール
- React Native でネイティブビューをレンダリングするネイティブ UI コンポーネント
最初にいずれかのフローを選択してください:
- npm に公開する可能性のある新しいライブラリを作成する場合は scaffold-library.md を使用します
- React Native アプリでネイティブ機能を公開する場合は local-library.md を使用します
適用タイミング
以下の場合にこのスキルを使用します:
create-react-native-libraryを使用して React Native ライブラリを作成または作業する場合- 既存のアプリでネイティブモジュールまたはビューを作成する場合
- ネイティブ SDK をラップして React Native に公開する場合
クイックリファレンス
# スキャフォールディング前の現在のオプションを確認
npx create-react-native-library@latest --help
# ターボモジュールと Expo サンプルアプリでライブラリをスキャフォールディング
npx create-react-native-library@latest awesome-library \
--no-interactive \
--yes \
--description "ライブラリの簡単な説明" \
--type turbo-module \
--languages kotlin-objc \
--example expo
# 既存のアプリ内にローカルのターボモジュールをスキャフォールディング
cd MyApp
npx create-react-native-library@latest awesome-library \
--local \
--no-interactive \
--yes \
--description "ライブラリの簡単な説明" \
--type turbo-module \
--languages kotlin-objc
リファレンス
| ファイル | 説明 |
|---|---|
| scaffold-library.md | 新しいライブラリをスキャフォールディングし、デフォルトで Expo サンプルにします |
| local-library.md | 自動リンクを使用して既存アプリにローカルライブラリを追加します |
問題 -> スキルマッピング
| 問題 | 開始ドキュメント |
|---|---|
| 新しいライブラリのスキャフォールディングが必要 | scaffold-library |
| アプリにローカルネイティブライブラリを追加する必要がある | local-library |