Desenvolver um aplicativo separado para Android e outro para iOS custa tempo e dinheiro. O React Native surgiu para reduzir essa conta: permite escrever uma base de código e entregar nas duas plataformas, com aparência e comportamento nativos. Neste guia, a Raised explica o que é React Native, quando usar, como começar e boas práticas para aplicativos de negócio.
O que é React Native
É um framework criado pela Meta que usa React (biblioteca de interfaces em JavaScript) para construir aplicativos móveis nativos. Em vez de rodar uma página web dentro de um app, ele converte componentes em elementos nativos de cada sistema, o que resulta em boa performance e experiência semelhante à de apps nativos.
Vantagens
- Código compartilhado entre Android e iOS, reduzindo custo e prazo;
- Linguagem popular (JavaScript/TypeScript) e grande comunidade;
- Recarregamento rápido (hot reload), que acelera o desenvolvimento;
- Ecossistema de bibliotecas e integração com APIs;
- Possibilidade de reaproveitar conhecimento de React para web.
Limitações
- Recursos muito específicos do sistema podem exigir código nativo;
- Atualizações das plataformas exigem manutenção;
- Desempenho em casos extremos (gráficos pesados, jogos) pode demandar abordagens nativas;
- Dependência de bibliotecas de terceiros.
Quando usar React Native
| Cenário | Indicação |
|---|---|
| App de serviços, agendamento, catálogo, pedidos | Muito adequado |
| App institucional ou de fidelidade | Adequado |
| MVP para validar ideia | Adequado |
| Jogo 3D ou processamento de vídeo intenso | Considere desenvolvimento nativo |
| Presença web e app com equipe React | Ótimo reaproveitamento de conhecimento |
Para decidir entre site, PWA e aplicativo, veja velocidade do site e PWA e mobile marketing.
Como criar o primeiro app (visão geral)
- Pré-requisitos: Node.js instalado e noções de JavaScript e React.
- Crie o projeto com Expo, que simplifica a configuração:
npx create-expo-app meu-app
cd meu-app
npx expo start- Abra no celular com o aplicativo Expo Go (escaneando o QR code) ou em um emulador.
- Edite o arquivo principal (por exemplo,
App.jsou a pastaapp/) e veja as mudanças em tempo real. - Use componentes básicos:
View,Text,Image,ScrollView,TextInput,Pressable. - Adicione navegação (React Navigation ou Expo Router).
- Integre APIs do seu sistema.
- Teste, gere as versões de produção e publique nas lojas (Google Play e App Store).
A documentação oficial do React Native e a do Expo trazem o passo a passo atualizado.
Boas práticas para apps de negócio
- Defina o objetivo e o usuário antes de codar (UX design);
- Padronize a interface com um design system (UI design);
- Cuide de desempenho e tamanho do app;
- Implemente analytics e eventos de conversão (GA4);
- Respeite privacidade e LGPD;
- Planeje manutenção e atualizações;
- Teste em dispositivos reais.
Erros comuns
- Criar um app sem necessidade real (um site responsivo pode bastar);
- Não definir indicadores de sucesso;
- Ignorar a manutenção;
- Pular testes em vários aparelhos;
- Esquecer o plano de divulgação e retenção.
