Pramesti, Octavia Lintang Pramesti and Aryo Pinandito, S.T., M.MT, Ph.D (2024) Analisis Perbandingan Penggunaan State Management Vuex dan Pinia pada Framework Vue.js. Sarjana thesis, Universitas Brawijaya.
Abstract
Banyak website dan aplikasi web yang berjalan di internet dibuat menggunakan framework Vue.js. Alasan utama pengembang memilih Vue.js sebagai platform pengembangannya adalah proses pengembangannya yang sederhana, kinerjanya yang sangat baik, serta keserbagunaan dan fleksibilitas internalnya dalam mengelola state. Terdapat dua jenis state management yang diinvestigasi dalam penelitian ini, yaitu Pinia dan Vuex, yang memiliki perbedaan arsitektur internal. Namun, kinerja kedua jenis state management yang diteliti dalam penelitian ini masih belum diketahui. Vuex dirancang sebagai state management yang memiliki satu store dalam satu aplikasi dengan banyak modul di dalamnya. Berbeda dengan Vuex, Pinia dirancang agar setiap modul dapat memiliki store sendiri. Parameter yang digunakan untuk mengukur kinerja kedua jenis state management ini adalah waktu eksekusi dan penggunaan memori. Untuk mengetahui kinerja yang dihasilkan dari berbagai kondisi, dibuat skenario pengujian yang terdiri dari operasi membuat, membaca, memperbarui, dan menghapus data. Metode yang digunakan dalam penelitian ini adalah menganalisis dan membandingkan hasil pengujian. Temuan penelitian menunjukkan bahwa Pinia, dengan arsitektur state management yang terdesentralisasi, memiliki waktu eksekusi yang lebih cepat dibandingkan dengan Vuex. Namun, Vuex, dengan arsitektur terpusatnya, menunjukkan efisiensi yang lebih tinggi dalam penggunaan memori. Temuan ini diharapkan dapat membantu pengembang aplikasi web Vue.js memilih state management yang sesuai dan membangun aplikasi dengan kinerja optimal.
English Abstract
Many websites and web applications that run on the internet are created using the Vue.js framework. The main reason developers choose Vue.js as its development platform is its simplified development process, excellent performance, as well as its versatility and flexibility due to its internal capability in managing states. There are two types of state management investigated in this study, namely Pinia and Vuex, that differ in their internal architecture designs. However, the performance of the two types of state management investigated in this study is yet to be discovered. Unlike Vuex, Pinia is designed so that each module can have its own store. The parameters used to measure the performance of the two types of state management are execution time and memory usage. To determine the performance resulting from various conditions, a test scenario was created consisting of operations to create, read, update, and delete data. The method used in this research is to analyze and compare the results of testing. Research findings show that Pinia, with its decentralized state management architecture, exhibits faster execution times compared to Vuex. However, Vuex, with its centralized architecture, shows higher efficiency in memory usage. These findings are expected to help Vue.js web application developers choose appropriate state management and build applications with optimal performance.
| Item Type: | Thesis (Sarjana) |
|---|---|
| Identification Number: | 052415 |
| Uncontrolled Keywords: | framework, performa, Pinia, State Management, Vue |
| Divisions: | Fakultas Ilmu Komputer > Teknologi Informasi |
| Depositing User: | Sugeng Moelyono |
| Date Deposited: | 01 Nov 2024 00:57 |
| Last Modified: | 01 Nov 2024 00:57 |
| URI: | http://repository.ub.ac.id/id/eprint/227890 |
![[thumbnail of DALAM MASA EMBARGO]](http://repository.ub.ac.id/style/images/fileicons/text.png) |
Text (DALAM MASA EMBARGO)
Octavia Lintang Pramesti.pdf Restricted to Registered users only Download (3MB) |
Actions (login required)
 |
View Item |