Level Up Your Front-End Skills with React JS

Authors

  • Muhammad Daffa Saptrian Universitas Muhammadiyah Jakarta
  • Muhammad Thoriq Ramadhan Universitas Muhammadiyah Jakarta
  • Muhammad Haikal Syauqi Universitas Muhammadiyah Jakarta
  • Yana Adharani Universitas Muhammadiyah Jakarta
  • Rully Mujiastuti Universitas Muhammadiyah Jakarta
  • Sitti Nurbaya Ambo Universitas Muhammadiyah Jakarta

DOI:

https://doi.org/10.55824/jpm.v4i5.659

Keywords:

Front End Web Development, React JS, Webinar, Workshop

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.

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

Downloads

Published

2025-09-07

Issue

Vol. 4 No. 5 (2025): September

Section

Articles

License

Penulis yang menerbitkan jurnal ini menyetujui persyaratan berikut:

  1. Hak cipta atas artikel apa pun dipegang oleh penulisnya.
  2. Penulis memberikan jurnal, hak publikasi pertama dengan karya yang dilisensikan secara bersamaan di bawah Lisensi Atribusi Creative Commons yang memungkinkan orang lain untuk membagikan karya dengan pengakuan atas kepenulisan dan publikasi awal karya tersebut dalam jurnal ini.
  3. Penulis dapat membuat pengaturan kontrak tambahan yang terpisah untuk distribusi non-eksklusif dari versi jurnal yang diterbitkan dari karya tersebut (misalnya, mempostingnya ke repositori institusional atau menerbitkannya dalam sebuah buku), dengan pengakuan dari publikasi awalnya di jurnal ini.
  4. Penulis diizinkan dan didorong untuk memposting karya mereka secara online (misalnya, di repositori institusional atau di situs web mereka) sebelum dan selama proses pengiriman, karena hal itu dapat mengarah pada pertukaran yang produktif, serta kutipan yang lebih awal dan lebih besar dari karya yang diterbitkan.
  5. Artikel dan materi terkait yang diterbitkan didistribusikan di bawah Lisensi Internasional Creative Commons Attribution-ShareAlike 4.0