Comparative Study of Front-end Frameworks : React and Angular
Khati Chhetri, Sanjay (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-2024080724089
https://urn.fi/URN:NBN:fi:amk-2024080724089
Tiivistelmä
This thesis presents a comprehensive comparative analysis of two leading front-end frameworks: React and Angular. The study aims to provide developers, project managers, and organizations with insights to make informed decisions when choosing between these frameworks for web application development.
The research employed a multi-faceted approach, combining theoretical analysis with practical implementation. A Todo List application was developed using both React and Angular to provide hands-on insights into each framework's capabilities. The comparison criteria included learning curve, performance, ecosystem and tooling, community support and documentation, and popularity.
Performance testing was conducted using Chrome DevTools, providing objective metrics on initial load times, runtime efficiency, and resource utilization. The study also analysed developer surveys, usage statistics, and trend data to assess the frameworks' popularity and adoption rates.
Key findings reveal that React offers a gentler learning curve and superior performance in terms of initial load times and memory usage. Its flexibility and extensive ecosystem make it suitable for a wide range of projects, particularly those requiring rapid development. Angular, with its comprehensive feature set and structured approach, demonstrated strengths in handling large datasets and providing a standardized development environment, making it well-suited for complex, enterprise-level applications.
The research also highlighted the robust community support and documentation available for both frameworks, with React boasting a larger and more diverse community, while Angular offers more focused, enterprise-oriented resources.
This study contributes to the ongoing discourse on front-end development technologies by providing a thorough, objective comparison of React and Angular. The findings can guide technology selection based on project requirements, team expertise, and organizational goals in the rapidly evolving landscape of web development.
The research employed a multi-faceted approach, combining theoretical analysis with practical implementation. A Todo List application was developed using both React and Angular to provide hands-on insights into each framework's capabilities. The comparison criteria included learning curve, performance, ecosystem and tooling, community support and documentation, and popularity.
Performance testing was conducted using Chrome DevTools, providing objective metrics on initial load times, runtime efficiency, and resource utilization. The study also analysed developer surveys, usage statistics, and trend data to assess the frameworks' popularity and adoption rates.
Key findings reveal that React offers a gentler learning curve and superior performance in terms of initial load times and memory usage. Its flexibility and extensive ecosystem make it suitable for a wide range of projects, particularly those requiring rapid development. Angular, with its comprehensive feature set and structured approach, demonstrated strengths in handling large datasets and providing a standardized development environment, making it well-suited for complex, enterprise-level applications.
The research also highlighted the robust community support and documentation available for both frameworks, with React boasting a larger and more diverse community, while Angular offers more focused, enterprise-oriented resources.
This study contributes to the ongoing discourse on front-end development technologies by providing a thorough, objective comparison of React and Angular. The findings can guide technology selection based on project requirements, team expertise, and organizational goals in the rapidly evolving landscape of web development.