O melhor lugar para você aprender Javascript.

Descubra como é simples dominar o desenvolvimento Full Stack.

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

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: |

Entre para nossa lista e receba conteúdos exclusivos e com prioridade

Sobre o Autor

Carlos Levir
Carlos Levir

Desenvolvedor fascinado por aprendizado e pelo ecossistema Javascript. Sempre em busca do próximo nível. Atualmente atua como Engenheiro de Software na Rocketseat.

0 Comentários

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *