![]() | |
開発元 | Facebookとコミュニティ |
---|---|
初版 | 2015年3月26日[1] |
最新版 | |
リポジトリ | https://github.com/facebook/react-native |
プログラミング 言語 | JavaScript, Java, C++, Objective-C, Objective-C++, Python |
ライセンス | MIT License |
公式サイト |
facebook |
React Native(リアクト・ネイティヴ)は、Facebookが作成したオープンソースのモバイルアプリケーションフレームワークである[3]。開発者がネイティブプラットフォーム機能とともにReactを使用できるようにすることで、Android[4]、iOS、Web[5]、MacOS[6]、およびUWP[7]アプリケーションを開発するために使用される。
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プログラムの一例を以下に示す。
import React from 'react';
import { AppRegistry, Text } from 'react-native';
const HelloWorldApp = () => {
return <Text>Hello world!</Text>;
}
export default HelloWorldApp;
AppRegistry.registerComponent('HelloWorld', () => HelloWorldApp);
次のコードで別のコンポーネントにHelloWorldAppをインポートして使うこともできる。
import HelloWorldApp from './HelloWorldApp';