Penerapan React JS dan Axios untuk Pengembangan Front-end Aplikasi iCare

Penulis

  • Sadesty Rahmadhani Politeknik Negeri Banyuwangi
  • Dyvani Wahyu Wildana Politeknik Negeri Banyuwangi
  • HSP Watulintang Arumdanie Politeknik Negeri Banyuwangi
  • Lutfi Hakim Politeknik Negeri Banyuwangi

DOI:

https://doi.org/10.57203/session.v2i02.2024.40-46

Kata Kunci:

Performa Aplikasi, React.js, Axios, Pengembangan Front-End Aplikasi

Abstrak

PT 3PM IT Solution, sebuah perusahaan berbasis di Kota Malang, sedang melakukan migrasi frontend aplikasi iCare dari Flutter ke React.js. Migrasi ini merupakan bagian dari fokus perusahaan pada solusi manajemen proyek dan pengembangan perangkat lunak. Keputusan untuk beralih ke React.js diambil karena kendala performa dan pertimbangan teknologi yang lebih baik. React.js dipilih karena keunggulannya dalam membangun komponen UI interaktif, statefull, dan reusable, serta dukungan yang baik dari komunitas pengembang. Axios digunakan sebagai penghubung anatara frontend dan backend yang memiliki dukungan promises sehingga mempermudah penanganan permintaan asynchronous. Dalam pengerjaannya, tim pengembang dan manajemen proyek PT 3PM IT Solution bertanggung jawab atas keseluruhan proyek migrasi ini. Proses migrasi dilakukan di lokasi perusahaan di Kota Malang dan dilaksanakan selama periode tertentu. Tahap pengujian dilakukan menggunakan fitur Chrome Lighthouse untuk memastikan peningkatan performa aplikasi, dan hasilnya menunjukkan peningkatan performa hingga mencapai 97%. Dengan memanfaatkan keunggulan React.js serta penggunaan Axios sebagai penghubung antara frontend dan backend, diharapkan aplikasi iCare dapat memiliki performa yang lebih baik dan memberikan pengalaman pengguna yang lebih memuaskan kepada pelanggan.

Biografi Penulis

  • Sadesty Rahmadhani, Politeknik Negeri Banyuwangi

    Teknologi Rekayasa Perangkat Lunak

  • Dyvani Wahyu Wildana, Politeknik Negeri Banyuwangi

    Teknologi Rekayasa Perangkat Lunak

  • HSP Watulintang Arumdanie, Politeknik Negeri Banyuwangi

    Teknologi Rekayasa Perangkat Lunak

  • Lutfi Hakim, Politeknik Negeri Banyuwangi

    Teknologi Rekayasa Perangkat Lunak

Referensi

3PM IT Solution, 3PM IT Solution, 3PM IT Solution (2024). https://www.3pm-solution.com/profile (accessed March 26, 2024).

Terttiaavini, I Made Agus Oka Gunawan, Kraugusteeliana, E. Winarno, Rony Sandra Yofa Zebua, Perancangan dan Implementasi Frontend Web untuk Sistem Pengaduan Masyarakat, Jurnal Informasi Dan Teknologi (2023) 112–126. https://doi.org/10.37034/jidt.v5i1.290.

J. Panjaitan, A.F. Pakpahan, Perancangan Sistem E-Reporting Menggunakan ReactJS dan Firebase, Jurnal Teknik Informatika Dan Sistem Informasi 7 (2021). https://doi.org/10.28932/jutisi.v7i1.3098.

A. Wibowo, M.M. Zain, Pemanfaatan ReactJS dan Protokol MQTT untuk Visualisasi Sinyal Lampu dan Notifikasi secara Waktu Nyata pada Sistem Pemonitor APILL di Kota Pekanbaru, Jurnal Komputer Terapan 7 (2021) 314–328. https://doi.org/10.35143/jkt.v7i2.5108.

M.F. Santoso, TEKNIK SINGLE PAGE APPLICATION (SPA) LAYOUT WEB DENGAN MENGGUNAKAN REACT JS DAN BOOTSTRAP, Jurnal Khatulistiwa Informatika 9 (2021). https://doi.org/10.31294/jki.v9i2.11357.

I. Choldun, R. Rahmadewi, Penerapan Metode Waterfall Pada Aplikasi Pembelajaran Seni Budaya Berbasis Website Menggunakan Framework Reactjs, Jurnal Ilmiah Wahana Pendidikan, Juli 2023 (n.d.) 335–348. https://doi.org/10.5281/zenodo.8151254.

F.F. Nursaid, A.H. Brata, A.P. Kharisma, Pengembangan Sistem Informasi Pengelolaan Persediaan Barang Dengan ReactJS Dan React Native Menggunakan Prototype (Studi Kasus : Toko Uda Fajri), Jurnal Pengembangan Teknologi Informasi Dan Ilmu Komputer 4 (2020).

M. Badrul, Penerapan Metode waterfall untuk Perancangan Sistem Informasi Inventory Pada Toko Keramik Bintang Terang, PROSISKO: Jurnal Pengembangan Riset Dan Observasi Sistem Komputer 8 (2021) 57–52. https://doi.org/10.30656/prosisko.v8i2.3852.

Astragraphia, iCare by Astragraphia, Documentsolution (2024). https://www.astragraphia.co.id/id/keberlanjutan/produk-dan-bisnis/portfolio-roadmap/tanggung-jawab-produk-dan-layanan (accessed March 26, 2024).

A. Noviantoro, A.B. Silviana, R.R. Fitriani, H.P. Permatasari, RANCANGAN DAN IMPLEMENTASI APLIKASI SEWA LAPANGAN BADMINTON WILAYAH DEPOK BERBASIS WEB, Jurnal Teknik Dan Science 1 (2022) 88–103. https://doi.org/10.56127/jts.v1i2.108.

V. Siahaan, R.H. Sianipar, JavaScript : Dari A Sampai Z, Sparta Publisher (2018).

N.T. Syah Lampah, E.B. Setiawan, Aplikasi Asesmen Anak Berkebutuhan Khusus di SLB Rafaha Arjasari Menggunakan Progressive Web App, ULTIMA Computing 10 (2019) 65–74. https://doi.org/10.31937/sk.v10i2.958.

B. Angga, 5 Library React JS Untuk Web Developer, Buildwithangga (2024).

K. Juan, S. Budi, Pengembangan Menu Digital Menggunakan ReactJs Implementasi Hasil Belajar Studi Independen di Frontend Engineering Program Ruangguru CAMP (Career Acceleration Bootcamp), Jurnal Strategi 5 (2023).

I.P.A. Eka Pratama, Pengujian Performansi Lima Back-End JavaScript Framework Menggunakan Metode GET dan POST, Jurnal RESTI (Rekayasa Sistem Dan Teknologi Informasi) 4 (2020). https://doi.org/10.29207/resti.v4i6.2675.

Herman, A. Geovany, Analisis Rendering Performa Antara Serverside dan Client Side pada Web Application, Jurnal Ilmiah Betrik (2022). https://doi.org/https://doi.org/10.36050/betrik.v13i03 DESEMBER.38.

Diterbitkan

2024-03-30

Terbitan

Bagian

Articles

Cara Mengutip

Penerapan React JS dan Axios untuk Pengembangan Front-end Aplikasi iCare. (2024). Software Development, Digital Business Intelligence, and Computer Engineering, 2(02), 40-46. https://doi.org/10.57203/session.v2i02.2024.40-46

Artikel Serupa

1-10 dari 16

Anda juga bisa Mulai pencarian similarity tingkat lanjut untuk artikel ini.