Como otimizar a performance de apps React Native no android, utilizando o Hermes.

Recentemente, a equipe do Facebook liberou uma ferramenta open-source chamada Hermes.

Essa ferramenta tem como principais objetivos:

• Diminuir o tempo que o app leva para iniciar.
• Diminuir o uso da memória.
• Diminuir o tamanho dos aplicativos.

Vamos descobrir como utilizar essa poderosa ferramenta.

Requisitos

O primeiro passo para utilizar o Hermes é verificar se a verão do React Native do seu app é a 0.60.2 ou maior.

Você pode verificar a versão do React Native no arquivo package.json do seu projeto.

É importante lembrar que, caso você esteja fazendo o upgrade de uma versão mais antiga para a 0.60.2, você deve certificar-se que seu app está funcionando antes de habilitar o Hermes.

Habilitando o Hermes

Para habilitar o Hermes, vá até a pasta android/app e encontre o arquivo build.gradle.

No arquivo build.gradle, procure por “project.ext.react“.

Para habilitar o Hermes, basta alterar a propriedade enableHermes para true.

Sua configuração deve ficar semelhante à essa:

project.ext.react = [
    entryFile: "index.js",
    enableHermes: true,  // clean and rebuild if changing
]

Caso você já tenha feito o build seu projeto no android alguma vez, você vai precisar limpar o cache do seu app.

Para limpar o cache do seu projeto, vá até a pasta android e rode o comando abaixo:

./gradlew clean

Caso você esteja utilizando o CMD ou o Powershell do windows, talvez o comando acima não funcione, se esse for seu caso, rode o comando abaixo em vez do comando anterior:

gradlew clean

Nesse momento, você já pode rodar o comando run-android e utilizar seu app normalmente 😉

Forte abraço,

Carlos Levir

Tags: hermes | react-native