A Comprehensive Study on Single-Page Applications: Pros, Cons, and Practical Guidelines
Phan, Khoi (2024)
2024
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2024112730662
https://urn.fi/URN:NBN:fi:amk-2024112730662
Tiivistelmä
This thesis is written to focus on Single-Page Applications (SPAs) in modern web development, highlighting their advantages, challenges, and best practices. SPAs have significantly improved web development by creating highly responsive and user-friendly applications with dynamic content updates and smooth navigation. By using React.js as a practical framework, this study shows how SPAs boost performance, scalability, and user experience.
Through a qualitative research approach, the thesis synthesizes findings from three case studies to address challenges like search engine optimization (SEO) limitations and initial load times. It emphasizes React.js’s Virtual DOM and component-based architecture for their role in enhancing rendering efficiency and maintainability. Additionally, the thesis evaluates key optimization techniques such as server-side rendering (SSR), code splitting, and lazy loading, which significantly improve usability and reduce resource demands.
By tackling these challenges, this thesis highlights the transformative potential of SPAs in web development. It offers actionable insights for developers to balance performance, SEO, and user-centric design, contributing to a deeper understanding of SPAs. These insights equip developers with strategies to optimize their applications and fully harness the benefits of this modern web development paradigm.
Through a qualitative research approach, the thesis synthesizes findings from three case studies to address challenges like search engine optimization (SEO) limitations and initial load times. It emphasizes React.js’s Virtual DOM and component-based architecture for their role in enhancing rendering efficiency and maintainability. Additionally, the thesis evaluates key optimization techniques such as server-side rendering (SSR), code splitting, and lazy loading, which significantly improve usability and reduce resource demands.
By tackling these challenges, this thesis highlights the transformative potential of SPAs in web development. It offers actionable insights for developers to balance performance, SEO, and user-centric design, contributing to a deeper understanding of SPAs. These insights equip developers with strategies to optimize their applications and fully harness the benefits of this modern web development paradigm.