React Native

React > React Native

React Native

開発元	Facebookとコミュニティ
初版	2015年3月26日 (2015-03-26)
最新版	0.74.1 - 2024年5月4日 (2024-05-04) [±]
リポジトリ	https://github.com/facebook/react-native
プログラミング 言語	JavaScript, Java, C++, Objective-C, Objective-C++, Python
ライセンス	MIT License
公式サイト	facebook.github.io/react-native/

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

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

歴史

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

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

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

実装

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

Reactコンポーネントは、既存のネイティブコードをラップし、Reactの宣言的なUIパラダイムとJavaScriptを介してネイティブAPIと対話する。これにより、まったく新しい開発者チームによるネイティブアプリ開発が可能になり、既存のネイティブチームの作業がはるかに高速になる。

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

Hello Worldの例

React NativeのHello、Worldプログラムは次のようになる。

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

export default class HelloWorldApp extends Component {
  render() {
    return (
      <Text>Hello world!</Text>
    );
  }
}

// Skip this line if using Create React Native App
AppRegistry.registerComponent('HelloWorld', () => HelloWorldApp);

// The ReactJS code can also be imported into another component with the following code:

import HelloWorldApp from './HelloWorldApp';