Impacto de la Gestión del Estado con la Herramienta Context API en Aplicaciones de Página Única
DOI:
https://doi.org/10.5753/reic.2026.7413Keywords:
Gerenciamento de Estado, Desenvolvimento Web, Single Page Applications (SPAs), Context APIAbstract
Este artigo apresenta uma pesquisa que teve como objetivo identificar o impacto do gerenciamento de estado com a ferramenta Context API em Single Page Applications (SPAs). O estudo foi conduzido utilizando o framework React e a linguagem de programação TypeScript, comparando tempos de carregamento de scripts em abordagens com e sem o uso da ferramenta Context API. Os experimentos foram realizados em dois cenários de componentização: plana, com componentes em um único nível hierárquico, e profunda, com cinco níveis de aninhamento entre os componentes. Nos testes com componentização plana, as diferenças de tempos de carregamento entre as abordagens foram mínimas, com variações estatisticamente significativas apenas em cargas intermediárias. Já nos cenários com componentização profunda, os resultados indicaram tempos de carregamento consistentemente menores com o uso da Context API. A análise estatística, realizada por meio do teste de Wilcoxon, reforçou esses resultados. Assim, conclui-se que, em determinadas condições, especialmente em aplicações com maior profundidade estrutural, o uso da Context API pode estar associado a um comportamento mais eficiente em termos de desempenho, representado pelos tempos de carregamento da interface.
Descargas
Citas
Alkhateeb, B. (2024). Understanding state management: A comprehensive guide. Disponível em: [link]. Acesso em: 8 nov. 2024.
Arapakis, I., Park, S., and Pielot, M. (2021). Impact of response latency on user behaviour in mobile web search. Disponível em: [link]. Acesso em: 8 nov. 2024.
Awari (2023). Gerenciamento de estado no front-end: tudo o que você precisa saber. Disponível em: [link]. Acesso em: 16 out. 2024.
Borzemski, L. and Kędras, M. (2019). Information systems architecture and technology. In Proceedings of 40th Anniversary International Conference on Information Systems Architecture and Technology – ISAT 2019, pages 285–301. Springer. DOI: 10.1007/978-3-030-30440-9_27.
Creswell, J. W. (2009). Research design: qualitative, quantitative, and mixed methods approaches. SAGE Publications, Thousand Oaks, CA, 3 edition.
Devographics (2023). State of javascript 2023: Front-end frameworks. Disponível em: [link]. Acesso em: 10 nov. 2024.
Droń, M. and Szandała, T. (2026). Web application state management: A review of leading react frameworks. IEEE Software. DOI: 10.1109/MS.2025.3621269.
Enghardt, T., Zinner, T., and Feldmann, A. (2019). Passive and active measurement. In PAM 2019, pages 286–303. Springer. DOI: 10.1007/978-3-030-15986-3_19.
Flovén, K. F. (2020). State management models impact on run-time performance in single page applications. Disponível em: [link]. Acesso em: 18 set. 2024.
Google (2016). The need for mobile speed. Disponível em: [link]. Acesso em: 16 out. 2024.
Google (2023). Why does speed matter? Disponível em: [link]. Acesso em: 24 set. 2024.
Jadhav, M. A., Sawant, B. R., and Deshmukh, A. (2015). Single page application using angularjs. International Journal of Computer Science and Information Technologies. Disponível em: [link]. Acesso em: 16 out. 2024.
Le, T. (2021). Comparison of state management solutions between context api and redux hook in reactjs. Disponível em: [link]. Acesso em: 18 set. 2024.
Siegel, S. and Castellan, N. J. (2006). Estatística não-paramétrica para ciências do comportamento. Artmed, Porto Alegre, 2 edition.
Techtarget (2024). What is state management? Disponível em: [link]. Acesso em: 24 set. 2024.
We Are Social and Hootsuite (2023). Digital 2023: Global overview report. Disponível em: [link]. Acesso em: 7 set. 2024.
Descargas
Published
Cómo citar
Issue
Section
Licencia
Derechos de autor 2026 Os autores

Esta obra está bajo una licencia internacional Creative Commons Atribución 4.0.
