1. Home
  2. Vol 4, No 5 (2025)
  3. Saptrian

Level Up Your Front-End Skills with React JS

Muhammad Daffa Saptrian, Muhammad Thoriq Ramadhan, Muhammad Haikal Syauqi, Yana Adharani, Rully Mujiastuti, Sitti Nurbaya Ambo

Abstract


A limited understanding of Front End Web Development remains a significant obstacle for many students and the general public, particularly in mastering modern frameworks like ReactJS. To address this issue, the community service team from the Informatics Engineering Study Program at the University of Muhammadiyah Jakarta organized a webinar and workshop titled “Level Up Your Front-End Skills With React JS” as part of their community service initiative. This activity combines an online approach to delivering material with hands-on practice to provide participants with a comprehensive understanding. The training material covers basic web development concepts, React JS component structure, state management, and implementing a simple mind mapping application. The effectiveness of the activity was evaluated through pre-tests, post-tests, and participant feedback surveys. The evaluation results showed a significant improvement in participants' understanding, with an average pre-test score of 79.5% increasing to 89.7% on the post-test. Additionally, feedback indicated positive responses to the quality of material delivery and the relevance of the content. This activity successfully expanded access to Front-End Web Development technology learning and contributed to developing digital talent adaptable to current industry needs.

Keywords


Front End Web Development; React JS; Webinar; Workshop

References


Affia, A. O., Nolte, A., & Matulevičius, R. (2022). Integrating Hackathons into an Online Cybersecurity Course. https://doi.org/10.1145/3510456.3514151

Chen, K. (2025). Improving Front-end Performance through Modular Rendering and Adaptive Hydration (MRAH) in React Applications. http://arxiv.org/abs/2504.03884

Gordillo, A., & Lopez-Fernandez, D. (2024). Are Educational Escape Rooms More Effective Than Traditional Lectures for Teaching Software Engineering? A Randomized Controlled Trial. IEEE Transactions on Education, 67(5), 660–668. https://doi.org/10.1109/TE.2024.3403913

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

Kinanti, V. S., Setyadi, R., & Widiasari, L. (2023). Implementasi React JS dalam Mengembangkan Front-End Website PT XYZ. Jurnal Ilmu-Ilmu Informatika Dan Manajemen, 17(2).

Nurollahian, S., Keuning, H., & Wiese, E. (n.d.). Teaching Well-structured Code: A Literature Review of Instructional Approaches.

Raina, A. N., Utama, N. I., & Suakanto, S. (n.d.). React Js Development On Website Frontend Complaints And Public Services Using Scrum Method (Case Study West Java DPRD).

Saweho, F. F., Celia, V., & Handoko, T. W. (n.d.). Program Magang dan Studi Independen Bersertifikat (MSIB): Efektivitas dalam Meningkatkan Kapabilitas Mahasiswa Sebelum Memasuki Dunia Kerja. http://Jiip.stkipyapisdompu.ac.id

Simanjuntak, J. F. G., Muji, Adillah, R., Rahmawati, W. Y., & Maesaroh, S. S. (2024). Pengaruh Program MSIB terhadap Kesiapan Karir Mahasiswa Bisnis Digital Universitas Pendidikan Indonesia. 4(2).

Sulistyaningrum, A. N. B., Nirwana, N. A., Januar, D. R., & Hilalia, N. N. (2022). Performa Kebijakan Kampus Merdeka pada Program Magang dan Studi Independen Bersertifikat. Jurnal Multidisiplin Madani, 2(6), 2771–2786. https://doi.org/10.55927/mudima.v2i6.489


Full Text: PDF

Refbacks

  • There are currently no refbacks.


Copyright (c) 2025 Muhammad Daffa Saptrian, Muhammad Thoriq Ramadhan, Muhammad Haikal Syauqi, Yana Adharani, Rully Mujiastuti, Sitti Nurbaya Ambo

Creative Commons License
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.