Analisis Komparasi Web Stack Berbasis Javascript pada Fase Konstruksi Aplikasi: MEAN, MERN dan MEVN

Koko Wahyu Prasetyo; Bima Reynaldi Sumitro

doi:10.32664/smatika.v15i02.2040

Authors

Koko Wahyu Prasetyo Universitas Bhinneka Nusantara https://orcid.org/0000-0002-2092-5217
Bima Reynaldi Sumitro Universitas Bhinneka Nusantara

DOI:

https://doi.org/10.32664/smatika.v15i02.2040

Keywords:

Angular, JavaScript, React, Vue, Web Stack.

Abstract

The construction phase of a web application development generally involves a number of personnel with specific perspectives and expertise, including: backend developers, frontend developers, and mobile developers. Based on these different perspectives, the combination of technology architecture and programming languages (stack) used will vary. Javascript is one type of programming language that is compatible with various platforms and can be used to harmonize the programming architecture of the three different perspectives. There are three types of JavaScript-based tech stacks that have a large user base: Angular-based MEAN, React-based MERN, and Vue-based MEVN. Based on this situation, it is necessary to empirically analyze tech stack comparisons in the context of web application development activities. The indicators used in this comparative study include: LOC (lines of code), execution performance, function structure analysis (call stack), and memory usage efficiency. The comparative results show that the MERN stack, which is based on React, has a more efficient LOC than the other two stacks. Though the difference is not very noticeable, MERN stack also displays the most efficient level of memory use. The comparative results also demonstrate that, in comparison to the other stacks, the MEVN tech stack has the most effective function call structure.

References

[1] Y. Gong, F. Gu, K. Chen, and F. Wang, “The Architecture of Micro-services and the Separation of Frond-end and Back-end Applied in a Campus Information System,” in 2020 IEEE International Conference on Advances in Electrical Engineering and Computer Applications( AEECA), IEEE, Aug. 2020, pp. 321–324. doi: 10.1109/AEECA49918.2020.9213662.

[2] S. Supria and others, “Perbandingan Performa Framework Laravel, Flask API Python, dan PHP Native untuk Aplikasi API pada Data AIS Polbeng,” in Seminar Nasional Industri dan Teknologi, 2024, pp. 17–23.

[3] S. I. Putri and M. Rofiq, “Perancangan Pemesanan Fasilitas Rumah Sakit Menggunakan Model View Controller (MVC) Berbasis Android,” SMATIKA JURNAL, vol. 7, no. 02, pp. 36–39, Dec. 2017, doi: 10.32664/smatika.v7i02.156.

[4] A. S. Sari and R. Hidayat, “Designing Website Vaccine Booking System Using Golang Programming Language and Framework React JS,” Journal of Information System, Informatics and Computing, vol. 6, no. 1, 2022, doi: 10.52362/jisicom.v6i1.760.

[5] S. Suwarno and A. P. Yulandi, “Analisis Performa Backend Framework: Studi Komparasi Framework Golang dan Node.js,” Jurasik, vol. 8, no. 1, 2023, doi: 10.30645/jurasik.v8i1.551.

[6] J. S. Heredia and G. C. Sailema, “Comparative Analysis for Web Applications Based on REST Services: MEAN Stack and Java EE Stack,” KnE Engineering, vol. 3, no. 9, p. 82, Dec. 2018, doi: 10.18502/keg.v3i9.3647.

[7] F. R. A. Abdullah, H. H. Nuha, R. G. Utomo, and A. D. Afasyah, “Implementation of User and Article Module Design and Testing on Innovation Dashboard Backend Using PHP Laravel and RESTful API,” in 2024 International Conference on Decision Aid Sciences and Applications (DASA), IEEE, Dec. 2024, pp. 1–6. doi: 10.1109/DASA63652.2024.10836333.

[8] R. Annisa, P. A. Rahayuningsih, and A. Anna, “Aplikasi Kontrol Barang Habis Pakai Berbasis Web sebagai Solusi Manajemen Inventaris,” J-INTECH, vol. 12, no. 02, pp. 411–421, Dec. 2024, doi: 10.32664/j-intech.v12i02.1544.

[9] P. Y. Pratama, Abd. C. Fauzan, and T. Prabowo, “Perancangan Sistem Informasi Inventaris pada PT. Rejoso Manis Indo Menggunakan Metode Rapid Application Development,” SMATIKA JURNAL, vol. 14, no. 01, pp. 71–85, Jul. 2024, doi: 10.32664/smatika.v14i01.1209.

[10] G. Kaur and R. G. Tiwari, “Comparison and Analysis of Popular Frontend Frameworks and Libraries,” in 2023 4th International Conference on Electronics and Sustainable Communication Systems (ICESC), 2023, pp. 1067–1073.

[11] A. Shukla, “Modern JavaScript Frameworks and JavaScript’s Future as a FullStack Programming Language,” Journal of Artificial Intelligence & Cloud Computing, pp. 1–5, Dec. 2023, doi: 10.47363/JAICC/2023(2)144.

[12] A. J. Poulter, S. J. Johnston, and S. J. Cox, “Using the MEAN stack to implement a RESTful service for an Internet of Things application,” in 2015 IEEE 2nd World Forum on Internet of Things (WF-IoT), IEEE, Dec. 2015, pp. 280–285. doi: 10.1109/WF-IoT.2015.7389066.

[13] M. M. Ishaq, P. Singh, S. Badjatya, S. Kumar, Y. Tomar, and S. Bansal, “Design and Development of a User-Friendly Social Media App using the MERN Stack,” in 2023 International Conference on Circuit Power and Computing Technologies (ICCPCT), IEEE, Aug. 2023, pp. 1730–1736. doi: 10.1109/ICCPCT58313.2023.10245371.

[14] M. R. Akbar, “Pengembangan Sistem Informasi Monitoring dan Evaluasi Perkuliahan Dengan Metode Agile Feature Driven pada Fakultas Teknik Universitas Negeri Jakarta,” Universitas Negeri Jakarta, 2024. [Online]. Available: http://repository.unj.ac.id/45709/

[15] Y. Xing, J. Huang, and Y. Lai, “Research and Analysis of the Front-end Frameworks and Libraries in E-Business Development,” in Proceedings of the 2019 11th International Conference on Computer and Automation Engineering, New York, NY, USA: ACM, Feb. 2019, pp. 68–72. doi: 10.1145/3313991.3314021.

[16] D. Bogusz, P. Ciszewski, and B. Pańczyk, “Performance analysis of web application client layer development tools us-ing Angular, React and Vue as examples,” Journal of Computer Sciences Institute, vol. 32, pp. 223–230, Sep. 2024, doi: 10.35784/jcsi.6299.

[17] R. Vyas, “Comparative Analysis on Front-End Frameworks for Web Applications,” Int J Res Appl Sci Eng Technol, vol. 10, no. 7, pp. 298–307, Jul. 2022, doi: 10.22214/ijraset.2022.45260.

[18] J. Samra, “Comparing Performance of Plain PHP and Four of Its Popular Frameworks,” 2015. [Online]. Available: https://urn.kb.se/resolve?urn=urn:nbn:se:lnu:diva-45691

[19] R. Y. Endra, Y. Aprilinda, Y. Y. Dharmawan, and W. Ramadhan, “Analisis Perbandingan Bahasa Pemrograman PHP Laravel dengan PHP Native pada Pengembangan Website,” EXPERT: Jurnal Manajemen Sistem Informasi dan Teknologi, vol. 11, no. 1, p. 48, Jun. 2021, doi: 10.36448/expert.v11i1.2012.

[20] S. Sharma and S. Srinivasan, “A Survey on Software Design Based and Project Based Metrics,” International Journal of Computer Theory and Engineering, vol. 14, no. 2, pp. 54–61, 2022, doi: 10.7763/IJCTE.2022.V14.1310.

[21] W. Setiawan, “Studi Komparasi Pengembangan Website Menggunakan Framework dan Non Framework,” in Conference on Business, Social Sciences and Innovation Technology, 2020, pp. 622–629.

[22] A. Niarman, Iswandi, and A. K. Candri, “Comparative Analysis of PHP Frameworks for Development of Academic Information System Using Load and Stress Testing,” International Journal Software Engineering and Computer Science (IJSECS), vol. 3, no. 3, pp. 424–436, Dec. 2023, doi: 10.35870/ijsecs.v3i3.1850.

[23] N. Nakajima, S. Matsumoto, and S. Kusumoto, “Jact: A Playground Tool for Comparison of JavaScript Frameworks,” in 2019 26th Asia-Pacific Software Engineering Conference (APSEC), IEEE, Dec. 2019, pp. 474–481. doi: 10.1109/APSEC48747.2019.00070.