Development of Front-End Web Applications Utilizing Single Page Application Framework and React.js Library
Main Article Content
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
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.
References
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.