今回は、React Native アプリの速度改善として導入した Hermes についてです。
こちらは、React Native の公式サイトに記事があり、そちらを参考にさせていただきました。
Using Hermes · React Native
https://reactnative.dev/docs/hermes
まず、Android への導入手順についてです。
android/app/build.gradle
ファイルを開き、下記を追加します。
project.ext.react = [ entryFile: "index.js", enableHermes: true // この行を追加 ]
3行目を追加、もしくは変更したら、下記コマンドを実行して Android プロジェクトをクリーンします。
cd android gradlew clean
クリーンが完了したら、下記コマンドでアプリを実行してください。
npx react-native run-android
設定ミス等がなければ、問題なくアプリが起動するはずです。
で、肝心のアプリの速度ですが…劇的に速くなった感じはしませんでした…。
まあ、特に問題はないので、有効のままにしておこうと思います。
次は、iOS への導入方法についてです。
まず、下記コマンドを実行して Podfile
を開きます。
cd ios vi Podfile
そうしたら、下記の行を追加します。
use_react_native!( :path => config[:reactNativePath], :hermes_enabled => true # この行を追加 )
上記を追加し終えたら、pod install
を実行して、Hermes をインストールします。
インストールが完了したら、下記コマンドで iOS アプリを実行します。
npx react-native run-ios
…が、私の環境で試したところ、上記コマンドを実行したらエラーが発生し、アプリを起動できませんでした。
pod install
実行の時点ではエラーにはならなかったのですが、何が原因なのでしょう…。
iOS は別にアプリに遅さは感じていないので、導入必須!という感じでもないのですが…使えるなら使いたいところではあります。
後々、時間を見つけて調べたいと思います。
以上、React Native アプリに Hermes を導入する方法についてでした。
ご参考になれば幸いです。