メインコンテンツにスキップ

Create React Native Appのご紹介

·読了時間2分
Adam Perry
Adam Perry
Expoのソフトウェアエンジニア

本日、Create React Native Appを発表します。React Nativeプロジェクトを開始するのを大幅に容易にする新しいツールです！Create React Appのデザインに大きくインスパイアされており、FacebookとExpo（旧Exponent）のコラボレーションの成果です。

多くの開発者が、React Nativeの現在のネイティブビルド依存関係、特にAndroidのインストールと設定に苦労しています。Create React Native Appを使用すると、XcodeやAndroid Studioを使用する必要がなく、LinuxやWindowsを使用してiOSデバイス向けに開発できます。これは、ネイティブコードをコンパイルせずに純粋なJavaScriptで書かれたCRNAプロジェクトを読み込んで実行するExpoアプリを使用して実現されます。

新しいプロジェクトを作成してみてください（yarnがインストールされている場合は、適切なyarnコマンドに置き換えてください）

$ npm i -g create-react-native-app
$ create-react-native-app my-project
$ cd my-project
$ npm start

これはReact Nativeパッカーを起動し、QRコードを出力します。Expoアプリで開くと、JavaScriptが読み込まれます。 console.logへの呼び出しは端末に転送されます。標準のReact Native APIとExpo SDKを利用できます。

ネイティブコードはどうですか？​

多くのReact Nativeプロジェクトには、コンパイルが必要なJavaまたはObjective-C/Swiftの依存関係があります。Expoアプリには、カメラ、ビデオ、連絡先などのAPIが含まれており、Airbnbのreact-native-mapsやFacebook認証などの人気のライブラリがバンドルされています。ただし、Expoがバンドルしていないネイティブコードの依存関係が必要な場合は、独自のビルド設定が必要になる可能性があります。Create React Appと同様に、「ejecting」はCRNAでサポートされています。

npm run ejectを実行すると、react-native initで生成されるプロジェクトと非常によく似たプロジェクトが取得できます。その時点で、react-native initで開始した場合と同様に、XcodeまたはAndroid Studioが必要になり、react-native linkでライブラリを追加することができ、ネイティブコードのコンパイルプロセスを完全に制御できます。

ご質問？フィードバック？​

Create React Native Appは、一般的な使用に十分なほど安定しました。つまり、使用経験についてのご意見をお待ちしております！Twitterで私を見つけるか、GitHubリポジトリで issue を開いてください。プルリクエストは大歓迎です！