Development of Front-End Web Applications Utilizing Single Page Application Framework and React.js Library

Main Article Content

Ricky Jonathan
Suprihadi

Abstract

In an era marked by rapid technological advancements, the impact of these developments is profoundly significant, particularly in the context of the ubiquity and indispensability of the internet. Motivated by this modern landscape, this study focuses on employing the Single Page Application (SPA) technique for the development of the Mbantu website. Central to this research is the utilization of the React.js library. The methodology encompasses several key phases: a comprehensive literature review, thorough analysis of the problem domain, design and prototyping, and the implementation of React.js for front-end development. The application of the SPA technique is observed to offer notable benefits for developers, including enhanced efficiency and time savings in the web development process. The findings presented in the Results and Discussion section demonstrate that the incorporation of React.js substantially contributes to the development of Mbantu's front-end architecture. Rigorous unit testing is performed on each component to ensure robustness and error minimization. The study concludes with suggestions for future research aimed at expanding the Mbantu web application's feature set to further improve user experience.

Article Details

How to Cite
Jonathan, R., & Suprihadi. (2023). Development of Front-End Web Applications Utilizing Single Page Application Framework and React.js Library. International Journal Software Engineering and Computer Science (IJSECS), 3(3), 529–536. https://doi.org/10.35870/ijsecs.v3i3.1943
Section
Articles
Author Biographies

Ricky Jonathan, Universitas Kristen Satya Wacana

Informatics Engineering Study Program, Faculty of Information Technology, Universitas Kristen Satya Wacana, Salatiga City, Central Java Province, Indonesia

Suprihadi, Universitas Kristen Satya Wacana

Informatics Engineering Study Program, Faculty of Information Technology, Universitas Kristen Satya Wacana, Salatiga City, Central Java Province, Indonesia

References

Jarot Bayu, D. 2020. Jumlah Pengguna Internet di Indonesia Capai 196,7 Juta. Katadata. Available at: https://databoks.katadata.co.id/datapublish/2020/11/11/jumlah-pengguna-internetdi-indonesia-capai-1967-juta

Santoso, M.F., 2021. Teknik Single Page Application (Spa) Layout Web Dengan Menggunakan React Js Dan Bootstrap. Jurnal Khatulistiwa Informatika, 9(2), 107–114. DOI: https://doi.org/10.31294/jki.v9i2.11357.

D, A. 2022. Single-page App vs Multi-page App: Choosing a Way to deliver the best user flow. CLEVEROAD. Available at: https://www.cleveroad.com/blog/single-page-app-vs-multi-page-application-what-to-choose/

Sharma, I. 2022. BENEFITS OF REACT JS FOR YOUR FRONT-END DEVELOPMENT PROCESS. TatvaSoft. Available at: https://www.tatvasoft.com/outsourcing/2022/02/benefits-of-react-js.html

Geary, D. 2016. Introducing Redux. IBM DEVELOPER. Available at: https://developer.ibm.com/tutorials/wa-manage-state-with-redux-p1-david-geary/

Ham, Hanry. 2019. Apa itu React.Js? School of Computer Science Binus University. Available at: https://socs.binus.ac.id/2019/12/30/apaitu-react-js/

Iswari, L., 2021. Penerapan React JS Pada Pengembangan FrontEnd Aplikasi Startup Ubaform. AUTOMATA, 2(2).

Patel, nitish kumar. 2021. What Is a Website ? Geeks For Geeks. Available at: https://www.geeksforgeeks.org/what-is-a-website/.

Solovei, V., Olshevska, O. and Bortsova, Y., 2018. The difference between developing single page application and traditional web application based on mechatronics robot laboratory onaft application. Автоматизация технологических и бизнес-процессов, (10, Iss. 1), pp.4-8.