React-Native環境のセットアップと基本的な紹介

環境の準備

1. 環境構築
React Native 中国語ウェブサイト

2. 開発ツール フロントエンド開発ソフトウェア: Visual Studio Code

モバイル開発ソフトウェア: Xcode、Android Studio

3. 知識の蓄積

NodeJS リアクト Es6、Es7

React Native入門

React Naitve の紹介: React.js Conf2015 カンファレンスで Facebook が発表した Android および iOS アプリを開発するためのフレームワークです。主なプログラミング言語は JavaScript です。その外観と使用方法はネイティブのユーザーエクスペリエンスを備えているだけでなく、 React の開発効率も維持しています。

React Native が登場する前は、開発には通常、これら 3 つのモバイル テクノロジー (ネイティブ アプリ、HTML5、ハイブリッド) のいずれかが選択されていました。

• Native App : ネイティブ アプリを開発すると、当然ながら最高のパフォーマンスと強力な機能が得られます。ただし、マルチプラットフォーム版の開発と保守には多くの人材とリソースが必要です（iOS 版の反復レビューには時間がかかります）。
• HTML5 : 柔軟なレイアウト機能、リリースなしのアジャイル反復の可能性、優れたクロスプラットフォーム機能など、Web の利点を備えています。ニュースや情報など、レイアウトが強力でインタラクションが弱い一部のディスプレイ アプリでは、大きな進歩を遂げています。しかし、モバイル デバイス上の WebView のパフォーマンスには制限があるため、成功を収めるのは常に困難でした。
• Hybrid App : JS + Native が主に相互呼び出しを行い、開発レベルから「一度の開発、複数実行」のメカニズムを実現し、クロスプラットフォーム開発に真に適しています。ハイブリッド アプリは、ネイティブ アプリの優れたユーザー エクスペリエンスの利点と、HTML5 を使用した Web アプリのクロスプラットフォーム開発の低コストの利点を組み合わせたものです。ただし、この方法には、オフライン データにアクセスできない、デバイスにアクセスできない、リモートで更新できないなど、多くの問題があります。
• React Native : 基盤となるエンジンは JavaScript Core ですが、HTML5 コンポーネントではなくネイティブ コンポーネントを呼び出します。これにより、ランタイムは Navive アプリに匹敵するパフォーマンス エクスペリエンスを実現できます。同時に、JavaScript コードは強力なバックエンド Web メソッドを使用して管理できるため、効率的な開発と迅速な展開およびホット フィックスの両方を実現できます。

React Nativeの長所と短所:

アドバンテージ

1. クロスプラットフォーム開発: React Native を使用すると、同じコアビジネスロジックコードを使用して、Web、Android、iOS で実行されるネイティブアプリケーションを作成できます。
2. ホットアップデート、アプリを素早く反復可能: リアルタイムのホットデプロイメント。
3. 一度学べばどこでも実行可能: React Native では、複数のプラットフォームをサポートするために単一のネイティブ コードを必要としないため、一度書けばどこでも実行できるわけではありません。

欠点

1. React Native は、iOS ではiOS7以上のみをサポートし、Android ではAndroid4.1以上のみをサポートします。
2. 開発コストが高く、初心者には使いにくく、デバッグにも使いにくいです。
3. 一部の複雑なインターフェースや操作は RN では実装できません (ネイティブ + React Native ハイブリッド開発を検討できます)。
4. バージョンはすぐに更新されるため、修正バージョンを開発することをお勧めします

React Native 対 Flutter 対 Weex

React-Native 環境設定と基本的な紹介についてはこれで終わりです。React-Native 環境設定に関するより詳しい内容については、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。