rukurxの日記

自分の日々の作業や調べたことのメモ

ReactNativeのBridgeの仕組みについてのメモ

React NativeはJavaScriptiOSAndroidのアプリを作成することができるネイティブアプリケーションを作成するためのフレームワークです。

React Nativeでは Bridge という仕組みを使ってJavaScriptからNativeコードに処理を渡して実行することができます。 JavaScript実行環境である JavaScript Core がOS上で実行されており、 Bridge を通してNativeコードに解釈されます。

従来のWebアプリケーションは、ブラウザがHTML, CSS, JavaScriptをサーバーからダウンロードし、レンダリングします。 React NativeもWebアプリケーションと似ていて、モバイル端末がJavaScriptとReact Nativeのマークアップをロードします。

JavaScriptはそのままではモバイル端末上では実行できないので、Bridgeを使ってモバイル端末のプロセッサとやりとりするする必要がある。 そのためにはJavaScriptを実行するための実行環境である JavaScript Core がモバイル端末には必要になる。 JavaScript Coreオペレーティングシステム上で実行され、JavaScriptを実行するコード郡です。 また、JavaScript Core は、JavaScriptを実行するNativeコードをロードしてから、モバイル端末のビルドプロセスへJavaScriptをロードします。 つまり、JavaScriptの実行環境内でReact NativeのJavaScriptコードが実行されます。

www.logicroom.co