Design Patterns and Performance Strategies for Scalable Frontend Applications

Authors

  • Sree Harsha Palli   College of Arts and Sciences, Lamar University, Beaumont, Texas, 77705, USA

DOI:

https://doi.org/10.32628/CSEIT23564521

Keywords:

Design patterns, Performance strategies, Scalable frontend applications, Optimization

Abstract

The current alarming increase in scale and complexity of web applications ought to be addressed significantly using various viable strategies. Also, there currently exists a vast gap in research on design patterns and performance for scalable frontend applications. This study attempts to increase the volume of research on this important theme, while innovatively bridging a laid-bare knowledge gap. The study is aimed at exploring the nexus between design patterns and performance strategies for optimization and sustainable development of scalable frontend applications. It focuses state management paradigm, component-based architecture, and container-separation. These are analyzed to determine their impact on system performance, reusability and maintainability of code. The analysis shows that using built tools, splitting of code, effective rendering techniques, and lazy loading are some of the viable strategies for design patterns and performance optimization. Further illustrations of the efficacy of these approaches in real-world applications are demonstrated with performance benchmarks and several case studies. The novelty of the study lies majorly in its intersection of design patterns and performance strategies for the realization of best practices and enhanced performance. The proposed framework displays practicability, built-in responsiveness, maintainability, and frontend systems having high performance, which can scale the expansion of features and improved user growth.

References

  1. Abramov, D., & Clark, A. (2015). Redux: a predictable state container for JavaScript Apps. redux.js.org.
  2. Ain, Q. U., Butt, W. H., Anwar, M. W., Azam, F., & Maqbool, B. (2019). A systematic review on code clone detection. IEEE access, 7, 86121-86144.
  3. Akinloye, A., & Shawana, T. A. (2023). Gas caps detection, hydrocarbon recovery and environmental sustainability. Journal of Applied Ecology and Environmental Design (JAEED), 2(2), 118-130.
  4. Aladib, L., & Lee, S. P. (2019). Pattern detection and design rationale traceability: an integrated approach to software design quality. IET Software, 13(4), 249-259.
  5. Alkharabsheh, K., Crespo, Y., Manso, E., & Taboada, J. A. (2019). Software design smell detection: a systematic mapping study. Software Quality Journal, 27, 1069-1148.
  6. Amoretti, M. (2021). An effective framework for full-stack benchmarking of quantum computers. Quantum Views, 5. 10.22331/qv-2021-04-26-52.
  7. Ampatzoglou, A., Frantzeskou, G., & Stamelos, I. (2012). A methodology to assess the impact of design patterns on software quality. Information and Software Technology, 54(4), 331- 346.
  8. Angular Team (2022). Angular documentation. angular.io.
  9. Crockford, D. (2008). JavaScript: the good parts. O'Reilly Media.
  10. Dawson, M., & Szakonyi, A. (2020). Cybersecurity education to create awareness in artificial intelligence applications for developers and end users. Scientific Bulletin, 25(2), 85-92. 10.2478/bsaft-2020-0012.
  11. Degawa, Y., Kolzumi, T., Nakamura, T., Shioya, R., Kadomoto, J., Irie, H., & Sakai, S. (2023). A principal factor of performance in decoupled front-end. IEICE Trans. Inf. Syst, 106(12), 1960-1968.
  12. Dimitrov, W., & Ostrovska, T. (2020). Overview of virtual and augmented reality application development tools. Online, available: https://doi.org/10.13140/RG.2.2.29293.82407/1
  13. Freeman, E., & Freeman, E. (2014). Head first design patterns: a brain-friendly guide. O’Reilly Media.
  14. Geary, D. (2016). Introducing redux. IBM DEVELOPER. https://developer.ibm.com/tutorials/wa-manage-state-with-redux-p1-david-geary/
  15. Gunnulfsen, M. K. (2013). Scalable and efficient web application architectures. Master thesis, Department of Informatics, University of Oslo.
  16. Jonathan, R., & Suprihadi (2023). Development of front-end web applications utilizing single page application framework and react.js library. International Journal Software Engineering and Computer Science (IJSECS) 3(3), 529-536. DOI: https://doi.org/10.35870/ijsecs.v3i3.1943
  17. Kothapalli, M. (2021). The evolution of component-based architecture in front-end development. Journal of Scientific and Engineering Research, 8(7), 261-264.
  18. Luo, G., & Wang, Q. (2019). Developers competition behaviour of land reserve in assembled buildings development: Based on game analysis framework. E3S Web of Conferences, 136, 040-44. 10.1051/e3sconf/201913604044.
  19. Macenski, S., Foote, T., Gerkey, B., Lalancette, C., & Woodall, W. (2022). Robot operating system 2: Design, architecture, and uses in the wild. Science Robotics, 7(66), eabm6074.
  20. Mawer, C. (2016). Something must be done but chemotherapy isn’t the only option. BMJ, i6455. 10.1136/BMJ.i6455.
  21. Mohammed, H., & Faraj, K. (2021). A Python-WSGI and PHP-Apache web server performance analysis by search page generator (SPG). UKH Journal of Science and Engineering, 5(1), 132-138, 2021. 10.25079/use.v5n1y2021.pp132-138.
  22. Mwiinga, P. (2023). Privacy-preserving technologies: Balancing security and user privacy in the digital age. Int. J. Sci. Res. Publ, [Online]. https://zenodo.org/records/10406538
  23. Nambisan, S., Lyytinen, K., Majchrzak, A., & Song, M. (2017). Digital innovation management. MIS Quarterly, 41(1), 223-238.
  24. Nikulina, O., & Khatsko, K. (2023). Method of converting the monolithic architecture of a front- end application to microfrontends. Bull. Natl. Tech. Univ. “KhPI” Ser. Syst. Anal. Manag. Inf. Technol, 10(2), 79-84.
  25. Oguntona, T. I. (2023, March). Mitigating the impact of high energy prices on UK households using machine learning techniques. International Journal of Modelling & Applied Science Research, 27(9), 215-230.
  26. Paladugu, S. (2023). Design patterns for effective front-end development in modern web applications. International Journal of Leading Research Publication (IJLRP), 3(12), 1-5.
  27. Perera, Y., & Jayasuriya, D. (2023). “Enhancing the front-end web applications performance using design patterns and microservices based architecture.” Online. https://doi.org/10.13140/RG.2.2.36067.53286
  28. Petcu, A., Frunzete, M., & Stoichescu, Dan A. (2023). Benefits, challenges, and performance analysis of a scalable web architecture based on micro-frontends. U.P.B. Sci. Bull., Series C, 85(3), 319-334.
  29. Prasad, A. (2022). Research and analysis of the frontend development frameworks and libraries with voice recognition in remote areas for developing ecommerce business for people of remote areas where people have less or no knowledge of technical devices. International Journal of Engineering Applied Sciences and Technology, 6(11), 47-52.
  30. Pratomo, A., Schriek, E., & Veen, T. (2020). Test-driven development in OWOW’s full-stack web development. International Journal of Industrial Research and Applied Engineering, 4(2), 10.9744/jirae.4.2.46-50.
  31. Recupero, D., Dessì, D., Concas, E. (2019). A flexible and scalable architecture for human-robot interaction. Proc. 15th Eur. Conf. Ambient Intell., Cham, Switzerland, 311-317.
  32. Rohnert, H. (1996). {Pattern-oriented} Software architecture. In 2nd USENIX Conference on Object-Oriented Technologies (COOTS 96).
  33. Ruponen, E. (2019). The front-end architectural design and implementation of a modularized web portal. Master’s Degree Programme in Information Technology, Faculty of Information Technology and Communication, Tempere University.
  34. Santoso, M. F. (2021). Teknik single page application (Spa) layout web Dengan Menggunakan react js dan bootstrap. Jurnal Khatulistiwa Informatika, 9(2), 107–114. DOI: https://doi.org/10.31294/jki.v9i2.11357
  35. Sharma, I. (2022). Benefits of react js for your front-end development process. TatvaSoft. https://www.tatvasoft.com/outsourcing/2022/02/benefits-of-react-js.html
  36. Shawana, T. A. (2022). Carbon emissions as threats to environmental sustainability: Exploring conventional and technology-based remedies. African Journal of Environmental Sciences and Renewable Energy, 8 (1). https://publications.afropolitanjournals.com/index.php/ajesre/article/view/736
  37. Titova, O., Luzan, P., Sosnytska, N., Kulieshov, S., & Suprun, O. (2021). Information and communication technology tools for enhancing engineering students’ creativity. Lect. notes Mech. Engin, 332-340. https://doi.org/10.1007/978-3-030-77719-7_33
  38. Vemuri, V. P. K. (2020). Addressing critical challenges in front-end performance and scalability. International Journal of Multidisciplinary Research and Growth Evaluation, 1(5), 156- 161. DOI: https://doi.org/10.54660/.IJMRGE.2020.1.5.156-161
  39. Wedyan, F., & Abufakher, S. (2020). Impact of design patterns on software quality: a systematic literature review. IET Software, 14(1), 1-17.
  40. Wieruch, R. (2018). The road to react: Your journey to master react.js. An independent blog post.
  41. Wijaya, E, Kosasi, S., & David, D. (2021). Implementasi Aplikasi web full stack Pendataan Cloversy.id. Jurnal Sisfokom (Sistem Informasi dan Komputer), 10(3), 320-327. 10.32736/sisfokom.v10i3.1293.

IInternational Journal of Scientific Research in Computer Science, Engineering and Information Technology

Downloads

Published

2023-07-24

Issue

Volume 9, Issue 4, July-August-2023

Section

Research Articles

License

Copyright (c) IJSRCSEIT

Creative Commons License

This work is licensed under a Creative Commons Attribution 4.0 International License.

How to Cite

[1]
Sree Harsha Palli , " Design Patterns and Performance Strategies for Scalable Frontend Applications" International Journal of Scientific Research in Computer Science, Engineering and Information Technology(IJSRCSEIT), ISSN : 2456-3307, Volume 9, Issue 4, pp.676-684, July-August-2023. Available at doi : https://doi.org/10.32628/CSEIT23564521