Flutter e react native: uma análise comparativa entre dois frameworks de desenvolvimento mobile multiplataforma

• Autor(a) principal: Freitas, Breno Coll de
• Data de Publicação: 2022
• Tipo de documento: Trabalho de conclusão de curso
• Idioma: por
• Título da fonte: Repositório Institucional da UFRJ
• Texto Completo: http://hdl.handle.net/11422/19671
• topic: CNPQ::CIENCIAS EXATAS E DA TERRA::CIENCIA DA COMPUTACAO; desenvolvimento mobile; ambientes multiplataforma; Flutter; React Native

O mercado de dispositivos móveis, atualmente dominado pelos sistemas operacionais Android e iOS, está em constante crescimento, tornando essa tecnologia cada vez mais acessível. Cada sistema operacional possui sua própria forma de gerenciar os recursos do dispositivo e de exibir suas funcionalidades para os desenvolvedores de aplicações. Com a evolução deste mercado, criou-se a necessidade de diminuir os custos de desenvolvimento e manutenção de aplicativos móveis. Diferentes ferramentas que permitem o desenvolvimento de aplicativos multiplataformas foram criadas, possibilitando a distribuição de um aplicativo para os dois sistemas operacionais a partir de um único código fonte. Atualmente, Flutter e React Native são os dois frameworks de desenvolvimento multiplataforma mais consolidados no mercado, sendo utilizados por mais de 35% dos desenvolvedores. Neste trabalho, comparamos o desempenho desses dois frameworks por meio de um estudo empírico. Desenvolvemos duas versões, uma para cada framework, de cinco aplicativos diferentes, abrangendo funcionalidades como interação com o usuário, navegação entre telas e rolagem de uma lista. Utilizamos a taxa de frames renderizados por segundo como métrica principal para comparar o desempenho dos aplicativos durante um experimento, simulando interações com o usuário. Também efetuamos um experimento adicional comparando o desempenho dos frameworks ao lidar com listas, utilizando a quantidade de espaço em branco apresentado durante uma rolagem como métrica de comparação. Concluímos que, apesar de ambos os frameworks apresentarem resultados similares nos demais aplicativos, o React Native possui certa deficiência ao lidar com listas, apresentando uma alta quantidade de espaço em branco e baixa taxa de frames renderizados por segundo quando esse recurso é utilizado.