web-dev-qa-db-ja.com

ハイブリッドの構築ReactアプリおよびAndroidネイティブパフォーマンスで

IOSおよびAndroid= FacebookのReact JavaScriptフレームワークを使用して、ネイティブアプリとほぼ同じパフォーマンスを実現します。

androidiosreactjsreactjs-native
23
raju-bitter

2015年1月までは、React JavaScriptパーツをWebViewコンポーネント内で実行するハイブリッドアプローチを使用することが唯一の選択肢でした。通常は Apache Cordova のようなフレームワークを使用します。 JavaScriptのガベージコレクションのようなタスクは、アプリのネイティブ部分の速度を低下させ、フレームのスキップにつながり、アプリの動作を遅く感じさせる可能性があります。

1月28日 Facebook発表 the Reactネイティブプロジェクト React.js Conf 2015 。React Native ReactでビルドされたHTML5アプリケーションのネイティブレンダリングを可能にするオープンソースプロジェクトになります。React iOS用のFacebookグループアプリなどのアプリ。

技術的にReact Nativeは、バックグラウンドスレッドでReactアプリのJavaScriptコードを実行します。仮想domへの更新が収集され、すべての変更がAPI経由で送信されますこれを行うことで、React Nativeは、アプリが未完了のJavaScript操作を待機するようにすることで、アプリのFPSレートの低下を回避します。

Facebookは、React NativeのソースコードがReact.js Conf 2015の直後にGithubで利用できるようになることを発表しました。会議の参加者は、2015年1月29日にGithubリポジトリにアクセスできます。

更新：技術的な詳細を含む2番目のプレゼンテーションビデオ React.js Conf 2015 Keynote 2-A Deep Dive into React Native now up on Youtube。present in Facebook Facebook iOSおよびAndroidの両方のレイアウトおよびボックスモデルエンジンレンダリングのソースコードは、次のリポジトリのGithubで入手できます： github.com/facebook/css-layout

React Nativeで使用されるアニメーションライブラリのiOSバージョンは https://github.com/facebook/pop でホストされています

Update 2：Githubでソースコードが利用可能になりましたReactネイティブソースコードが利用可能になりました https： //github.com/facebook/react-native 。

更新3：ReactチームがリリースAndroid 2015年9月のサポートhttps://code.facebook.com/posts/1189117404435352/react-native-for-Android-how-we-built-the-first-cross-platform-react-native-app/

React Native Android developmentはこちらからご覧いただけます： https://facebook.github.io/react-native /docs/Android-setup.html

45
raju-bitter

上記のように、React Native for iOSのみを使用できます。

Reactを両方のプラットフォームで使用する場合：

  • Reapp（ http://reapp.io/ ）を確認してください。 React + iOSを構築するためのJavaScriptフレームワーク＆＆Androidクールな機能を備えたアプリです。
  • たぶんTouchstone（ http://touchstonejs.io/ ）を試してみてください。基本的に：React + Cordova + HTML5/CSS3 UI。ドキュメントも間もなく登場します。
0
mklb