Avatar Author

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:

Banner Post

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.


Logo DevTrue
Dúvidas ou reclamações, preencha o formulário ou encaminhe para o email: