IMPLEMENTASI REACT SERVER COMPONENT DAN SERVER ACTION UNTUK MENINGKATKAN PERFORMA APLIKASI WEB

Yudi Mulyanto; Eka Haryanti; Lazarus  Lazarus

doi:10.46764/teknimedia.v5i1.174

Yudi Mulyanto Informatika, Rekayasa Sistem, Universitas Teknologi Sumbawa
Eka Haryanti Informatika, Rekayasa Sistem, Universitas Teknologi Sumbawa
Lazarus Lazarus Informatika, Rekayasa Sistem, Universitas Teknologi Sumbawa

DOI: https://doi.org/10.46764/teknimedia.v5i1.174

Kata Kunci: Black Box Testing, Extreme Programming, Pemilihan Umum Legislatif, React Server Component, Server Action

Abstrak

Penelitian ini mengeksplorasi penggunaan React Server Components (RSC) dan Server Action untuk meningkatkan performa aplikasi web, dengan fokus pada sistem penghitungan suara pemilihan legislatif di Kabupaten Sumbawa, Nusa Tenggara Barat untuk kebutuhan internal partai. Melihat tantangan geografis dan infrastruktur di Sumbawa, penelitian ini bertujuan untuk mengatasi keterbatasan sinyal dan distribusi infrastruktur telekomunikasi melalui penggunaan RSC dan Server Action. RSC memungkinkan server untuk merender komponen sambil mempertahankan interaktivitas di sisi klien, mengurangi beban dan mempercepat waktu muat. Kelebihannya termasuk menghindari permintaan jaringan berantai dan meminimalisir Javascript di sisi klien, yang sangat bermanfaat di daerah dengan konektivitas internet yang terbatas. Server Action mengeliminasi lapisan API tradisional, mengurangi latensi dan meningkatkan responsivitas aplikasi. Dengan memanfaatkan Next.js sebagai framework, penelitian ini bertujuan untuk memaksimalkan penggunaan sumber daya server dan meminimalkan kebutuhan sumber daya klien, meningkatkan kecepatan dalam penghitungan dan pelaporan suara. Implementasi ini diharapkan tidak hanya meningkatkan performa aplikasi secara keseluruhan tetapi juga memastikan aksesibilitas aplikasi yang lancar di daerah dengan keterbatasan infrastruktur internet.

Referensi

[1] M. Thakkar, “Introducing React.js,” pp. 41–91, 2020, doi: 10.1007/978-1-4842-5869-9_2.

[2] A. Javeed, “Performance Optimization Techniques for ReactJS,” 2019 IEEE International Conference on Electrical, Computer and Communication Tech-nologies (ICECCT), pp. 1–5, 2019, doi: 10.1109/ICECCT.2019.8869134.

[3] T. F. Iskandar, M. Lubis, T. F. Kusumasari, and A. R. Lubis, “Comparison between client-side and server-side rendering in the web development,” IOP Conf Ser Mater Sci Eng, vol. 801, 2020, doi: 10.1088/1757-899X/801/1/012136.

[4] “Introducing Zero-Bundle-Size React Server Com-ponents – React.” Accessed: Jan. 02, 2024. [Online]. Available: https://react.dev/blog/2020/12/21/data-fetching-with-react-server-components

[5] M. Madsen, O. Lhoták, and F. Tip, “A Semantics for the Essence of React,” pp. 12:1-12:26, 2020, doi: 10.4230/LIPIcs.ECOOP.2020.12.

[6] A. A. Pushkarev and O. Yakubailik, “A web appli-cation for visualization, analysis, and processing of agricultural monitoring spatial-temporal data,” Spa-tial Data Processing for Monitoring of Natural and Anthropogenic Processes 2021, 2021, doi: 10.25743/sdm.2021.20.11.028.

[7] A. Mlynarski and K. Nurzynska, “Comparative Analysis of JavaScript and Its Extensions for Web Application Optimization,” pp. 539–550, 2017, doi: 10.1007/978-3-319-58274-0_42.

[8] J. Singh, H. Sharma, R. Mishra, S. Hazra, and N. Sukhija, “Movie Review Sentimental Analysis Based on Human Frame of Reference,” Advances in Intelligent Systems and Computing, 2021, doi: 10.1007/978-981-33-4367-2_27.

[9] K. N. Illahi, S. Suhartini, and F. Fajriyah, “IMPLEMENTASI METODE EXTREME PROGRAMMING PADA SISTEM INFORMASI REPOSITORI SKRIPSI DI PERPUSTAKAAN UNIVERSITAS PRABUMULIH”, teknimedia, vol. 4, no. 2, pp. 182 -, Dec. 2023.

[10] M. R. Setyautami, D. Adianto, and A. Azurat, “Modeling multi software product lines using UML,” Proceedings of the 22nd International Systems and Software Product Line Conference - Volume 1, 2018, doi: 10.1145/3233027.3236400.

[11] H. Hendri, J. W. H. Manurung, R. A. Ferian, W. F. Hanaatmoko, and Y. Yulianti, “Pengujian Black Box pada Aplikasi Sistem Informasi Pengelolaan Masjid Menggunakan Teknik Equivalence Parti-tions,” vol. 3, pp. 107–113, 2020, doi: 10.32493/jtsi.v3i2.4694.

[12] K. Qi and B. Boehm, “Detailed Use Case Points (DUCPs): A Size Metric Automatically Countable from Sequence and Class Diagrams,” 2018 IEEE/ACM 10th International Workshop on Model-ling in Software Engineering (MiSE), pp. 17–24, 2018, doi: 10.1145/3193954.3193955.