Academia
Diploma thesis 2024Software Engineeringfront-end · primerjava · razvoj spletnih aplikacij

Comparison of the Usability of the Vue Framework and the ReactJS Library

Obstaja veliko tehnologij za razvoj front-end dela spletnih aplikacij.

Rok KrajncRačunalništvo in informatika · module Programsko inženirstvo · supervisor mag. Ervin Schaff · defence februar 2024
In brief

The project in five facts.

AuthorRok Krajnc
Supervisormag. Ervin Schaff
ModuleSoftware EngineeringComputer Science and Informatics
Employer / clientAcademia
Year2024februar 2024
About the project

Challenge, approach and results.

There are many technologies for developing the front-end part of web applications. The diploma thesis deals with the ReactJS library and the ** Vue** framework with the aim of determining which has higher usability, which would make it easier for companies, fellow developers and the author to choose between them. The nature of such research requires the development of two comparable web applications, each with a different tool. It turned out that a developer can learn to use the ReactJS library more quickly. This was followed by research into the market position, where, based on comparisons of prevalence and popularity, employment opportunities and community, the author found that ReactJS is in a better position.

Problem

There are many technologies for developing the front-end part of web applications. The diploma thesis deals with the ReactJS library and the ** Vue** framework with the aim of determining which has higher usability, which would make it easier for companies, fellow developers and the author to choose between them.

Solution and Method

The nature of such research requires the development of two comparable web applications, each with a different tool. First, the student installed and set up the Visual Studio Code integrated development environment, in which the applications could be created. After this, the student conceived the concept of the applications and drew a sketch and wrote an operational plan, which defines what the applications must contain and how they will work.

The next step was the development of the applications themselves. Subsequently, the student compared which tool can be learned more quickly in terms of access to learning materials and online courses, as well as their community and complexity.

Results

It turned out that a developer can learn to use the ReactJS library more quickly. This was followed by research into the market position, where, based on comparisons of prevalence and popularity, employment opportunities and community, the student found that ReactJS is in a better position. Then the student began measurements of system load, for which memory consumption and central processing unit load were measured.

This was followed by speed and responsiveness measurements. The applications are local on the student's computer, so the student was both the host and the client, which required the use of different tools for measurements (Windows Performance Monitor and Google ** Chrome devTools**). Through in-depth analysis, the student found that the Vue framework consumes more resources and thus places a greater load on the system.

The speed measurements were intended to determine which application loads more quickly to different stages of usability. It turned out that with a basic amount of data, the application built with ReactJS takes longer to reach the interactive stage, whilst with an increased amount of data it takes less time than the application built with Vue. Based on the load measurements, the student also found that the ReactJS application has greater potential for growth, provided the nature of the application does not change, but only the amount of data changes, which at the same time led to the realisation that the ReactJS application works more efficiently with Big Data.

Based on all the measurements and findings, the student concluded that the ReactJS library has greater usability than the Vue framework.

Zaslon z izvorno kodo za razvoj spletnih aplikacij
Diploma thesis

Full text

PDF of the diploma thesis (public).

Diploma thesis (PDF) ↓
Related

Module, programme and stories.

Module Programsko inženirstvo

Your diploma project for a real company.

A diploma thesis at Academia solves a challenge from a company – often the one where you do your 800 hours of placement. Read about the Programsko inženirstvo module or book a consultation.

800 hoursof placement in a company
97 %of graduates employed
Module Programsko inženirstvo →Apply 2027/28All diploma projects
Before you go

We will send you the curriculum, the study path and your funding and scholarship options.

No calls, no spam. One e-mail with everything you need to decide, and an invitation to a lecture.

By sending the form you agree that Academia may contact you by e-mail or phone. Privacy · unsubscribe at any time.