React Native

React Native(リアクト・ネイティヴ)は、Meta(旧Facebook)が作成したオープンソースのモバイルアプリケーションフレームワークである^[3] 。開発者がネイティブプラットフォーム機能とともにReactを使用できるようにすることで、Android ^[4] 、iOS、Web ^[5] 、MacOS ^[6] 、およびUWP ^[7] アプリケーションを開発するために使用される。

さらに、Qtの不完全なポートも存在する^[8] 。

2012年、マーク・ザッカーバーグは、「会社として犯した最大の間違いは、ネイティブではなくHTMLにあまりにも賭け過ぎたことだ」とコメントした^[9] 。彼は、Facebookがまもなく優れたモバイル エクスペリエンスを提供すると約束した。

Facebookの内部で、ジョーダン・ウォークは、バックグラウンド JavaScript スレッドからiOSのUI要素を生成する方法を見つけた^{[出典無効 ]}。彼らは、このテクノロジーを使用してネイティブアプリを構築できるように、このプロトタイプを完成させるための社内ハッカソンを組織することにした^[10] 。

数か月の開発の後、Facebookは2015年にReact JavaScript Configurationの最初のバージョンを公開した。テクニカルトークで^[11] Christopher Chedeauは、Facebookがグループアプリと広告管理アプリの本番で既にReact Nativeを使用していると説明した^[12] 。

React Nativeの動作原理は、React Nativeが仮想DOMを介してDOMを操作しないことを除いて、Reactとほぼ同じである。バックグラウンドプロセス(開発者によって記述されたJavaScriptを解釈する)においてエンドデバイス上で直接実行され、シリアライゼーション、非同期、およびバッチブリッジを介してネイティブプラットフォームと通信する^{[13] [14] [15]} 。

Reactコンポーネントは、既存のネイティブコードをラップし、Reactの宣言的なUI パラダイムとJavaScriptを介してネイティブAPIを操作する。これにより、非ネイティブアプリ開発者であるウェブエンジニアの投入やiOSとAndroid間などでのクロスプラットフォーム開発が可能になり開発の高速化が期待される。

React NativeはHTMLを使用しない。代わりに、JavaScriptスレッドからのメッセージがネイティブビューの操作に使用される。

React NativeのHello worldプログラムの一例を以下に示す。

importReactfrom'react';
import{AppRegistry,Text}from'react-native';

constHelloWorldApp=()=>{
return<Text>Helloworld!</Text>;
}

exportdefaultHelloWorldApp;

AppRegistry.registerComponent('HelloWorld',()=>HelloWorldApp);

次のコードで別のコンポーネントにHelloWorldAppをインポートして使うこともできる。

importHelloWorldAppfrom'./HelloWorldApp';

• 2015年のソフトウェア
• Facebookのソフトウェア
• JavaScript
• オープンソースソフトウェア

• 無効な出典が含まれている記事/2019年
• 校閲の必要な記事
• すべてのスタブ記事
• ソフトウェア関連のスタブ