Performance Analysis of Hooks Functionality in React and Vue Frameworks

Abstract

Front end plays a key role in web applications since it ensures the users have a great experience when interacting with the interface. Hence, optimizing front-end performance is important in building web applications. ReactJS and Vue JS are popular front-end frameworks that commonly be used in developing web-based applications and also introduced hooks functionality. There have been many debates regarding which library or framework is better between these two. Therefore, this study discusses a comparative study relating to the performance of ReactJS and Vue JS frameworks, specifically focusing on hooks functionality. For the study, two sample web app prototypes was developed using both frameworks. The performance test of these two frameworks is utilizing an extension for Google Chrome for, using the frameworks' respective hooks and standard CRD (Create, Read, Delete) - API (Application Programming Interface). The result of this research shows that React's hooks functionality performed slightly better for API requests and managing states on the web application.