THE EVOLUTION OF FRONTEND ARCHITECTURE: FROM VIRTUAL DOM TO SERVER COMPONENTS
DOI:
https://doi.org/10.34218/IJCET_16_01_256Keywords:
React Server Components, Framework Architecture, Build System Optimization, Frontend Performance, Web Development PatternsAbstract
Modern frontend frameworks are undergoing a significant transformation, reshaping web development through innovative architectural patterns and performance optimizations. This article examines the evolution of frontend technologies, focusing on the transition from traditional Virtual DOM approaches to server-driven architectures, such as React Server Components and streaming Server-Side Rendering (SSR). Meta-frameworks like Next.js have redefined how applications are structured, optimizing rendering strategies for both performance and developer experience.
It explores how build system innovations—exemplified by tools like Vite and Turbopack—have streamlined development workflows and deployment strategies. Additionally, it discusses emerging alternatives that challenge established paradigms, including fine-grained reactivity and resumability, while contextualizing their relevance in the broader frontend ecosystem. By analyzing real-world implementation patterns, we demonstrate the tangible impact of these advancements on application performance, scalability, and user experience. This article contributes to the growing body of research on modern web architectures while providing practical insights for organizations navigating the evolving frontend landscape.
References
Pete Hunt and Paul. O’Shannessy, "React: Facebook's Functional Turn on Writing JavaScript," Communications of the ACM, Vol. 59, no. 12, Dec. 2016. [Online]. Available: https://course.ccs.neu.edu/cs2500f20/cacm-react.pdf
Ah Zau Marang, "Analysis of web performance optimization and its impact on user experience," KTH Royal Institute of Technology, 2018. [Online]. Available: https://kth.diva-portal.org/smash/get/diva2:1228341/FULLTEXT01.pdf
Ahmed E. Hassan and Richard C. Holt, "A Reference Architecture for Web Servers," IEEE Xplore, Feb. 2000. [Online]. Available: https://www.researchgate.net/publication/3881277_A_reference_architecture_for_Web_servers
Digiteum, "Modern Web Application Architectures: How to Choose the Right One for Your Project," 18 May 2023. [Online]. Available: https://www.digiteum.com/web-application-architecture/
K. S. Shailesh and P. V. Suresh, "Performance Driven Development Framework for Web Applications," Global Journal of Enterprise Information System. 2017. [Online]. Available: https://drshailesh.in/wp-content/uploads/2020/04/performance_driven_development.pdf
Srujan Vinod Sarode, "A Review Paper on Compiler Optimization," International Journal of Research Publication and Reviews, vol. 5, no. 1, Jan. 2024. [Online]. Available: https://ijrpr.com/uploads/V5ISSUE1/IJRPR22093.pdf
Jérôme Gallard et al, "Architecture for the Next Generation System Management Tools," Future Generation Computer Systems, vol. 28, no. 1, Jan. 2012. [Online]. Available: https://www.researchgate.net/publication/220285123_Architecture_for_the_Next_Generation_System_Management_Tools
Shitharth Selvarajan, "A comprehensive study on modern optimization techniques for engineering applications," Artificial Intelligence Review, vol. 57, no. 194, 4 July 2024. [Online]. Available: https://link.springer.com/article/10.1007/s10462-024-10829-9
Nurul Shafiqa and Azhar Iskandar, "Optimizing Enterprise-Level Data Migration Strategies," Educational Technology & Society, vol. 6, no. 1, March 2023. [Online]. Available: https://www.researchgate.net/publication/386214557_Optimizing_Enterprise-Level_Data_Migration_Strategies
Sabine Buckl et al., "Enterprise Architecture Management Patterns – Exemplifying the Approach," AI Chat for Scientific PDFs. [Online]. Available: https://typeset.io/pdf/enterprise-architecture-management-patterns-exemplifying-the-4nmx90v9z0.pdf
GlobalLogic, "The Future of Frontend Development: Emerging Trends and Technologies," Global Logic Technical Review, 27 Feb. 2024. [Online]. Available: https://www.globallogic.com/in/wp-content/uploads/sites/21/2024/02/The-Future-of-Frontend-Development_-Emerging-Trends-and-Technologies.docx.pdf
Ayush Yadav et al., "Evolution of Web Development Frameworks," Ijraset Journal For Research in Applied Science and Engineering Technology, 25 Nov. 2023. [Online]. Available: https://www.ijraset.com/research-paper/evolution-of-web-development-frameworks
Downloads
Published
Issue
Section
License
Copyright (c) 2025 Murali Ajit Varma (Author)
This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.
