メインコンテンツへスキップ

React Nativeのパフォーマンスを深く掘り下げる

·2分で読めます
Pieter De Baets
Facebook ソフトウェアエンジニア

React Native を使うと、React と Relay の宣言的なプログラミングモデルを使用して、JavaScript で Android と iOS のアプリを構築できます。これにより、より簡潔で理解しやすいコード、コンパイルサイクルなしの高速なイテレーション、そして複数のプラットフォーム間での簡単なコード共有が実現します。より速く製品をリリースし、本当に重要な細部に集中することで、アプリの見た目と使い心地を素晴らしいものにできます。パフォーマンスの最適化は、その大きな部分を占めます。ここでは、React Native アプリの起動を2倍速くした方法についてお話しします。

なぜ急ぐのか?

アプリの動作が速ければ、コンテンツは素早く読み込まれ、人々はより多くの時間、アプリを操作できます。また、スムーズなアニメーションはアプリを楽しく使えるようにします。新興市場では、2Gネットワーク上の2011年クラスの携帯電話が大多数を占めており、パフォーマンスに注力することが、使えるアプリと使えないアプリの分かれ目になることがあります。

iOS版とAndroid版の React Native をリリースして以来、私たちはリストビューのスクロール性能、メモリ効率、UI の応答性、そしてアプリの起動時間を改善してきました。起動はアプリの第一印象を決定づけ、フレームワークのすべての部分に負荷をかけるため、最もやりがいがあり、かつ困難な問題です。

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