
Allan Winckler
Publicado 27 de novembro 2022
O que evitar quando construímos um App em React Native?
React Native é um framework completo para construir aplicações mobile. Uma ferramenta extraordinária! Vamos comentar sobre alguns pontos que devemos tomar cuidado ao construir um app:

1. Não planejar as diferenças de plataformas (Android e iOS)
As features/funcionalidades previstas e planejadas para o aplicativo precisam ser analisadas para os dois ambientes. Algumas implementações e comportamentos podem ser diferentes nas plataformas, ou seja, quando estamos criando um aplicativo precisamos planejar essas diferenças para que o App possa cumprir com seu propósito e expectativas quando o usuário final for utilizar. Acredite!!! Existem algumas funcionalidades que funcionam perfeitamente em uma plataforma e na outra não. Portanto, é super importante verificar e testar nas duas plataformas para que não haja imprevisto no momento da entrega.
2. Não testar em múltiplos devices
Um outro erro que facilmente cometemos é não testar em diversos dispositivos o aplicativo. Bugs e melhorias relacionadas a responsividade de aplicações mobile nem sempre são encontrados antecipadamente, assim, testar em múltiplos dispositivos ajuda a identificá-los. Caso seja possível, precisamos inserir em nosso workflow uma etapa de QA para identificar possíveis bugs e melhorias. Além disso, a criação de uma pipeline CI/CD para checar erros comuns antes do deploy também faz todo sentido para evitar problemas em produção.
3. Não otimizar ou analisar performance
Em qualquer aplicação a experiência do usuário é um dos pontos mais importantes. Quando falamos em performance estamos melhorando a experiência, ou seja, tempo de espera do usuário, um botão que não faz a ação definida, um formulário que demora uma eternidade para dar o feedback, uma lista com scroll lenta, etc. Todos os pontos mencionados são exemplos que podemos melhorar diretamente no código, trazendo mais performance para aplicação. Assim, é extremamente necessário buscar formas e caminhos para performar cada vez mais o app e não impactar negativamente na experiência do usuário.
4. Falhar em manter o code limpo
Quando construímos uma aplicação com React Native precisamos ficar atentos com o famoso “clean code”. Isso vai definir a dificuldade em manter e dar continuidade na aplicação. A cada dia, com o crescimento do app, esse ponto vai ficando mais importante, pois, a facilidade em escalar qualquer aplicação está diretamente ligada a limpeza do código e arquitetura. No próximo tópico veremos as melhores práticas para que a escala e manutenção seja melhor.
5. Não seguir as melhores práticas
Precisamos ter em mente que o planejamento da aplicação começa desde os mockups criados, ou seja, entender as features/funcionalidades do projeto vai fazer você criar interfaces objetivas e sempre pensando na melhor experiência para o usuário. Se tratando de escala e manutenção da aplicação, a arquitetura do projeto precisa ser pensada com o objetivo de criar e separar responsabilidades, pois, a organização do boilerplate e pattern escolhido vão conduzir durante todo desenvolvimento o ritmo e qualidade do código. Portanto, o clean code deve ser pensado em cada etapa do projeto para que no futuro próximo possa ser realizado manutenção por qualquer desenvolvedor e seja possível escalar com facilidade. Não sabemos o dia de amanhã e o crescimento do código de um app pode ocorrer a qualquer momento, assim, segue alguns pontos importantes que precisamos nos atentar.
- Cria funções pequenas sempre que possível;
- Utilize nomes adequados para cada parte do código, seja o mais semântico possível, utilize padrões e nomenclaturas;
- Se precisar retornar mais do que um elemento, utilizar Fragment para não utilizar código desnecessário e ficar com um hierarquia pesada;
- Ao atualizar um state procure não buscar da própria variável do estado, pois o recomendado é atualizar através de uma função, buscando o state anterior.
- Crie index nas pastas para exportar todos os components presentes, isso economiza linha e facilita a utilização;
- Deixar comentários no código não é adequado, pois o code deveria falar por si só. Utilize apenas se for realmente necessário;
- Por último, caso encontre algo que possa ser melhorado no code, refatore. Somente assim teremos um clean code de verdade e uma evolução constante na qualidade do código.
Então é isso!!!! Seguimos avançando e melhorando a cada dia. Se você ou qualquer outra pessoa que conheça precisa construir uma aplicação web ou mobile, sinta-se à vontade para entrar em contato acessando nosso site https://www.devtrue.com.br Estamos aqui para ajudar.