Escolha uma Página
UPLOAD DE IMAGENS E VÍDEOS NO REACT NATIVE

UPLOAD DE IMAGENS E VÍDEOS NO REACT NATIVE

O upload de imagens é um item quase obrigatório em aplicativos, principalmente em aplicativos que possuem um perfil de usuário.

Caso você tenha interesse ou precise aprender como trabalhar com essa funcionalidade em apps React Native, deixarei um vídeo abaixo em que mostro como você pode adicionar essa funcionalidade nos seus aplicativos, tanto em projetos com a CLI, quanto em projetos Expo.

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