Published: 2023-12-30
Development of Front-End Web Applications Utilizing Single Page Application Framework and React.js Library
DOI: 10.35870/ijsecs.v3i3.1943
Downloads
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.
Keywords
Article Information
This article has been peer-reviewed and published in the International Journal Software Engineering and Computer Science (IJSECS). The content is available under the terms of the Creative Commons Attribution 4.0 International License.
-
Issue: Vol. 3 No. 3 (2023)
-
Section: Articles
-
Published: %750 %e, %2023
-
License: CC BY 4.0
-
Copyright: © 2023 Authors
-
DOI: 10.35870/ijsecs.v3i3.1943
AI Research Hub
This article is indexed and available through various AI-powered research tools and citation platforms. Our AI Research Hub ensures that scholarly work is discoverable, accessible, and easily integrated into the global research ecosystem. By leveraging artificial intelligence for indexing, recommendation, and citation analysis, we enhance the visibility and impact of published research.
Ricky Jonathan
Informatics Engineering Study Program, Faculty of Information Technology, Universitas Kristen Satya Wacana, Salatiga City, Central Java Province, Indonesia
Suprihadi
Informatics Engineering Study Program, Faculty of Information Technology, Universitas Kristen Satya Wacana, Salatiga City, Central Java Province, Indonesia
-
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/.
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.
Authors who publish with this journal agree to the following terms:
1. Copyright Retention and Open Access License
Authors retain copyright of their work and grant the journal non-exclusive right of first publication under the Creative Commons Attribution 4.0 International License (CC BY 4.0).
This license allows unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.
2. Rights Granted Under CC BY 4.0
Under this license, readers are free to:
- Share — copy and redistribute the material in any medium or format
- Adapt — remix, transform, and build upon the material for any purpose, including commercial use
- No additional restrictions — the licensor cannot revoke these freedoms as long as license terms are followed
3. Attribution Requirements
All uses must include:
- Proper citation of the original work
- Link to the Creative Commons license
- Indication if changes were made to the original work
- No suggestion that the licensor endorses the user or their use
4. Additional Distribution Rights
Authors may:
- Deposit the published version in institutional repositories
- Share through academic social networks
- Include in books, monographs, or other publications
- Post on personal or institutional websites
Requirement: All additional distributions must maintain the CC BY 4.0 license and proper attribution.
5. Self-Archiving and Pre-Print Sharing
Authors are encouraged to:
- Share pre-prints and post-prints online
- Deposit in subject-specific repositories (e.g., arXiv, bioRxiv)
- Engage in scholarly communication throughout the publication process
6. Open Access Commitment
This journal provides immediate open access to all content, supporting the global exchange of knowledge without financial, legal, or technical barriers.