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

Authors

DOI:

https://doi.org/10.35870/ijsecs.v3i3.1943

Keywords:

React.Js, Single Page Application, Front-End

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.

Downloads

Download data is not yet available.

Author Biographies

  • Ricky Jonathan, Satya Wacana Christian University

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

  • Suprihadi, Satya Wacana Christian University

    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/.

Downloads

Published

2023-12-30

Issue

Vol. 3 No. 3 (2023): DECEMBER 2023

Section

Articles

License

Creative Commons License

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.

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

Similar Articles

You may also start an advanced similarity search for this article.

Most read articles by the same author(s)