React Native で最初のアプリを作成する

序章

React Native は、iOS および Android デバイス上で実行されるモバイル アプリを構築するための JavaScript フレームワークです。React と同じ設計を使用しているため、開発者は使い慣れたコンポーネントベースの構造を使用してモバイル アプリを構築できます。React Native はネイティブ コンポーネントを使用します。つまり、アプリはよりネイティブな外観と操作性を持ち、純粋な Web ベースのアプリよりもパフォーマンスが向上します。さらに、React Native を使用すると、iOS と Android の間でコードを再利用できるため、開発がより迅速かつ効率的になります。

開発環境のセットアップ

次のコマンドを実行して、「myApp」という名前の新しい React Native プロジェクトを作成します。

npx create-expo-app myApp

cd myApp
npx expo start

PC と同じワイヤレス ネットワークに接続し、iOS または Android デバイスに Expo Go アプリをダウンロードします。Android 用 Expo Go アプリを使用して、端末から QR コードをスキャンしてプロジェクトを開きます。ネイティブ iOS カメラ アプリの組み込み QR コード スキャナーを使用します。

アプリを変更する

アプリが正常に実行できたら、アプリを変更しましょう。App.tsx を開いて、選択したテキスト エディターでいくつかの行を編集します。変更を保存すると、アプリケーションが自動的に更新されます。

さあ！

おめでとう！最初の React Native アプリが正常に実行および変更されました。

詳細については、ここでReact Native のドキュメントを確認してください。

ウェブ上で実行します。

Web 上でアプリを起動するには、まず次のコマンドを実行して Expo Globally をインストールする必要があります。

npm i -g expo-cli

npm run web

次のコマンド ラインを使用して他の依存関係のみをインストールする必要があります。

npx expo install react-native-web@~0.18.9 [email protected] @expo/webpack-config@^0.17.2

結論

結論として、React Native は、iOS と Android の両方で実行できるモバイル アプリを構築するための強力で柔軟なフレームワークです。

React と同じ設計原則を使用することで、開発者は使い慣れたコンポーネントベースの構造を使用してモバイル アプリを迅速かつ簡単に作成できます。

ネイティブ コンポーネントを使用できるため、アプリはよりネイティブな外観と操作性を持ち、純粋な Web ベースのアプリよりもパフォーマンスが向上します。

さらに、iOS と Android の間でコードを再利用できるため、開発がより迅速かつ効率的になります。多くの利点があるため、React Native がモバイル アプリ開発で人気の選択肢になりつつあるのも不思議ではありません。