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の長所と短所:

アドバンテージ

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

欠点

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

React Native 対 Flutter 対 Weex

ここに画像の説明を挿入

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

以下もご興味があるかもしれません: