Examining the Performance Implications of Design Patterns in Front-end Web Development: A Preliminar Comparative Study with React and Vue.js

• Francisco Gomes UFC
• Pamella Soares UECE
• Allysson Allex Araújo UFCA

Resumo

With the increasing use of design patterns as well as front-end libraries and frameworks in web development, understanding the computational trade-offs associated with their adoption is essential. In this sense, this paper discusses the preliminary research results focusing on the performance implications of design patterns using React and Vue.js. Through a computational experiment, we analyzed a web application’s memory consumption, CPU usage, rendering time, and response time with five design patterns implemented. The findings contribute to a better understanding of the trade-offs associated with design pattern adoption and provide valuable insights for developers and organizations seeking to optimize the performance of their web applications.

Palavras-chave: Design Patterns, Web Development, Web Performance, React, Vue.js

Referências

Krzysztof Boczkowski and Beata Pańczyk. 2020. Comparison of the performance of tools for creating a SPA application interface-React and Vue. js. Journal of Computer Sciences Institute 14 (2020), 73–77.

BuiltWith. 2023. BuiltWith Usage Statistics. Disponível em: [link].

Alexandre Cechinel 2017. Avaliação do framework Angular e das bibliotecas React e Knockout para o desenvolvimento do Frontend de aplicações Web. (2017).

Jelica Cincović and Marija Punt. 2020. Comparison: Angular vs. React vs. Vue. Which framework is the best choice?Belgrade, Universidad de Belgrade (2020).

Norman Cliff. 2014. Ordinal methods for behavioral data analysis. Psychology Press.

Daniel Czyczyn-Egird and Rafal Wojszczyk. 2016. Determining the popularity of design patterns used by programmers based on the analysis of questions and answers on stackoverflow. com social network. In 23rd International Conference Computer Networks. Springer, 421–433.

Hans Fischer. 2010. A history of the central limit theorem: From classical to modern probability theory. Springer Science & Business Media.

Erich Gamma, Ralph Johnson, Richard Helm, Ralph E Johnson, and John Vlissides. 1995. Design patterns: elements of reusable object-oriented software. Pearson Deutschland GmbH.

Priyanka Jaiswal and Sumit Heliwal. 2022. Competitive analysis of web development frameworks. Sustainable Communication Networks and Application: Proceedings of ICSCN 2021 (2022), 709–717.

H. B. Mann and D. R. Whitney. 1947. On a Test of Whether one of Two Random Variables is Stochastically Larger than the Other. The Annals of Mathematical Statistics 18, 1 (1947), 50 – 60. https://doi.org/10.1214/aoms/1177730491

Fernando Geraldo Mantoan. 2009. PROPOSTA DE ARQUITETURA DE DESENVOLVIMENTO WEB BASEADA EM PHP UTILIZANDO DESIGN PATTERNS. UM ESTUDO DE CASO. Centro de Ensino Superior de Foz do Iguaçú (2009).

Robert C Martin. 2000. Design principles and design patterns. Object Mentor 1, 34 (2000), 597.

R Morales-Chaparro, M Linaje, JC Preciado, and F Sánchez-Figueroa. 2007. MVC web design patterns and rich internet applications. Proceedings of the Jornadas de Ingenierıa del Software y Bases de Datos (2007), 39–46.

Risto Ollila, Niko Mäkitalo, and Tommi Mikkonen. 2022. Modern Web Frameworks: A Comparison of Rendering Performance. Journal of Web Engineering (2022).

Phek Lan Thung, Chu Jian Ng, Swee Jing Thung, and Shahida Sulaiman. 2010. Improving a web application using design patterns: A case study. In 2010 International Symposium on Information Technology, Vol. 1. IEEE, 1–6.

Pawan Vora. 2009. Web application design patterns. Morgan Kaufmann.

Brandon Wozniewicz. 2019. The Difference Between a Framework and a Library. Disponível em: [link].