React Native はネイティブ アプリですか?

「リアクト ネイティブ」はネイティブ アプリではありません。「リアクト ネイティブ」で書かれたプログラムは、Android Studio でコンパイルされるとネイティブ アプリになります。ネイティブ アプリの開発モデルは、react の jsx 構文を使用して書かれ、 「リアクト ネイティブ」 「ネイティブ」は、クロスプラットフォームのモバイル アプリケーション開発フレームワークです。Facebook の初期のオープンソース JS フレームワーク React をネイティブ モバイル アプリケーション プラットフォーム上で派生させたもので、iOS と Android の 2 つの主要なプラットフォームをサポートしています。

このチュートリアルの動作環境: Windows 10 システム、react17.0.1 バージョン、Dell G3 コンピューター。

reactnativeはネイティブアプリではありません

reactnativeで書かれたプログラムはAndroidstudioでコンパイルされるとネイティブアプリになりますで、その開発モデルはreactのjsx 構文、特にフロントエンドの記述、ページ構造の記述、js の記述、CSS ではなく CSS に似た構文の記述など、これらは記述されたページ コンポーネントにレンダリングできます。

React Native (RN) は、2015 年 4 月に Facebook によってオープンソース化されたクロスプラットフォームのモバイル アプリケーション開発フレームワークです。これは、ネイティブ モバイル アプリケーション プラットフォーム上の Facebook の初期のオープンソース JS フレームワーク React の派生です。両方をサポートしています。 iOS と Android、大規模なプラットフォーム。 RN は、JavaScript 言語、HTML に似た JSX、および CSS を使用してモバイル アプリケーションを開発するため、Web フロントエンド開発に精通した技術者は、ほとんど学習せずにモバイル アプリケーション開発の分野に参入できます。

知識を広げる:

JSX は、JavaScript と XML を組み合わせた形式です。 React は、HTML 構文を使用して仮想 DOM を作成する JSX を発明しました。

反応ネイティブで書かれたプログラムは、Android Studio でコンパイルされた後、ネイティブ アプリになります。その開発モードは、特にフロントエンドの書き込み、ページ構造の書き込み、JS の書き込み、ファイルの書き込みなど、反応の jsx 構文を使用して書かれます。 CSS 構文に似ていますが、CSS ではなく、これらを記述されたページ コンポーネントにレンダリングできます。

反応ネイティブはコンポーネントも操作します。ノードと npm 環境では、反応ネイティブ プロジェクトを作成できます。その依存関係も、node_modules から取得されます。packge.json は、プラグインのインストールのリストでもあります。 React Native はネイティブ プログラムであり、Web パックを使用する必要はありません。ただし、jdk および andoird 環境の構成と関連リソースのダウンロード/関連統合ツールの使用は不可欠です。

reactネイティブの基本構造と構文

index.js

app.js

//通常、トップレベルのルーティングはapp.jsで記述されます。ここでトップレベルのルーティング設計を行うことができます。このapp.jsはindex.htmlに設定されます。したがって、このコンポーネントは最初にレンダリングされ、続いて各サブコンポーネントの導入と使用が続きます。各コンポーネントは最初に反応リソースを導入するか、独自のコンポーネントを導入します。各コンポーネントはデフォルトのエクスポート クラスを通じてロードされます。ページ、このクラスにはコンストラクター、メンバー関数、レンダリング関数。 React Native リソースには StyleSheet オブジェクトもあり、このオブジェクトはコンポーネント スタイルを記述するために特に使用されます。

コンストラクタにはstateがあり、この状態をstateと呼び、コンポーネントの状態を操作するために使用されます。ここでは、状態属性が状態に設定されており、状態属性を通じて多くの柔軟な操作を実行できます。メンバー関数は、コンストラクターで設定されたこれらの状態プロパティを操作できます。レンダリング関数はrenderで、インポートしたリソースのコンポーネントを参照して、より大きなコンポーネントを記述することができます。これが、Rough React ネイティブ コンポーネントの業務を完了する方法です。コードは、独自のニーズと公式ドキュメントの構文に従って記述できます。

【関連する推奨事項: JavaScript ビデオ チュートリアル 、Web フロントエンド ]

以上がReact Native はネイティブ アプリですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。