本文へスキップ

React Native パフォーマンス深堀り

·読了時間 2 分
Pieter De Baets
Facebook のソフトウェアエンジニア

React Native を使用すると、React と Relay の宣言型プログラミングモデルを使用して、JavaScript で Android および iOS アプリを構築できます。これにより、より簡潔で分かりやすいコード、コンパイルサイクルのない高速な反復処理、複数のプラットフォーム間でのコードの容易な共有が可能になります。より迅速にリリースし、本当に重要な詳細に焦点を当てることで、アプリの見栄えと使い勝手を向上させることができます。パフォーマンスの最適化はこの大きな部分を占めます。React Native アプリの起動時間を 2 倍高速化した方法をご紹介します。

なぜ急ぐのか?

より高速に実行されるアプリでは、コンテンツが迅速に読み込まれるため、ユーザーはアプリとの対話に多くの時間を費やすことができ、スムーズなアニメーションによりアプリの使用が楽しくなります。2011 年頃の低価格帯の電話2G ネットワークを主要とする新興市場では、パフォーマンスへの重点が、使用可能なアプリとそうでないアプリを分ける可能性があります。

React Native をiOSおよびAndroidでリリースして以来、リストビューのスクロールパフォーマンス、メモリ効率、UI の応答性、アプリの起動時間の改善に取り組んできました。起動時間はアプリの最初の印象を決定し、フレームワークのすべての部分を圧迫するため、最もやりがいがあり、同時に困難な課題です。

これは抜粋です。Facebook Codeで記事の全文をお読みください。