This research compares the performance of Angular, Vue React front‐end frameworks in developing a weather application, evaluating metrics such as load times, rendering efficiency overall responsiveness. Quantitative analysis, including metrics like Time to First Byte (TTFB), First Contentful Paint (FCP) Start Render, is complemented by qualitative insights from developer usability surveys. The findings indicate that Angular delivers the best user experience, Vue excels in performance and efficiency React provides the highest satisfaction levels. Angular demonstrates the strongest Pearson correlation between user experience and satisfaction (0.487**) and records the fastest First Contentful Paint (FCP) at 0.870 seconds. Vue shows the strongest correlation between user experience and performance and efficiency (0.446**) and achieves the fastest Time to First Byte (TTFB) at 0.179 seconds. React exhibits the strongest correlation between performance and efficiency with satisfaction (0.304**) and reports the fastest Start Render metric at 0.800 seconds. This study underscores the importance of considering diverse frameworks, metrics deployment environments to refine the understanding of front‐end framework performance.
Hubert Daryanto Cen and Pualam Dipa Nusantara. Enhancing User Interface Comprehensive Evaluation: Front‐End Development Frameworks and Best Practices.
DOI: https://doi.org/10.36478/10.36478/makajit.2024.1.1.10
URL: https://www.makhillpublications.co/view-article/1682-3915/10.36478/makajit.2024.1.1.10