A comparative study of React and Vue.js in single page website (SPW) development

Abstract

This thesis has researched and compared the practical applications of React and Vue, which are quite popular and widely used frameworks today. An experimental single-page website project has been implemented and developed in both frameworks with the same core functions, including product listing, search, filter, sort, rank, wishlist model. The method used in the experiment was to develop two versions of React and Vue in parallel to gain multi-dimensional perspectives and evaluations of both frameworks. Both versions applied component-based design principles. Finally, each version was evaluated by the author of the thesis through Google Lighthouse. Each version was evaluated based on performance, code complexity, author experience, and community support. The results of the thesis showed that Vue.js had a superior score to React in terms of metrics such as performance and especially loading speed through Google Lighthouse evaluation criteria. However, besides that, React offered a more diverse ecosystem and greater flexibility in logic and expansion. In conclusion of this thesis, Vue.js provided a faster and easier development experience than React, which required more time and experience to master. The information that has been compared and analyzed in the thesis has provided developers and development teams with a comprehensive view as well as a practical understanding to be able to make the most appropriate and correct choices for different SPW development needs.