React Native

React Native

開発元	Metaとコミュニティ
初版	2015年3月26日 (9年前) (2015-03-26)[1]
最新版	0.78.0[2]  / 2024年4月22日 (10か月前) (2024-04-22)
リポジトリ	https://github.com/facebook/react-native
プログラミング 言語	JavaScript, Java, C++, Objective-C, Objective-C++, Python
ライセンス	MIT License
公式サイト	reactnative.dev
テンプレートを表示

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]。

実装

この記事の文章は日本語として不自然な表現、または文意がつかみづらい状態になっています。 文意をわかりやすくするよう、修正が必要とされています。（2023年3月）

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

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

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

Hello worldの例

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';

出典

この項目は、ソフトウェアに関連した書きかけの項目です。この項目を加筆・訂正などしてくださる協力者を求めています（PJ:コンピュータ/P:コンピュータ）。

• 表示
• 編集