Análise e detecção de code smells em aplicações react e react native

Abstract

Neste artigo, apresentamos um catálogo de 16 code smells extraídos de uma revisão de literatura cinza, combinado com uma revisão rápida, com o foco exclusivamente nas tecnologias React e React Native. Aprimoramos uma ferramenta Open Source, ReactSniffer2, que, ao aplica-la em 16 projetos Open Source, permitiu verificar a frequência desse catálogo. Os smells mais frequentes foram: String Literals (19,04%), Props Spreading (16,39%), e Component Nesting/JSX Outside the Render (13,99%). Em conclusão, este trabalho contribui para o conhecimento sobre code smells em React e React Native, bem como para o aprimoramento de ferramentas de lint.