Jurnal Publikasi STMIK Pontianak

Fetching dan Display Data API Menggunakan Library AXIOS Pada ReactJS


Abstrak:

Membangun aplikasi sering kali membutuhkan interaksi dengan API untuk mengirimkan dan mengambil data. Setiap framework memiliki cara dan teknik pengkodean yang berbeda dalam berinteraksi dengan API. Axios adalah salah satu sintaks yang sangat sederhana di reactJS untuk berinteraksi dengan API dan secara otomatis mengubah data JSON. Beranjak dari keunggulan dari axios, penelitian ini bermaksud untuk meningkatkan kinerja sistem pada saat melakukan permintaan dan respon data melalui REST APIs. Data API yang dipergunakan dalam penelitian ini adalah tribunnews.com. Perancangan sistem menggunakan pendekatan berorientasi objek karena aplikasi di reactJS dibangun di atas komponen. Berdasarkan hasil pembahasan, library axios dapat digunakan untuk melakukan permintaan dengan metode axios.get() melalui URLs dengan kinerja yang baik dari Fetch API. Axios secara drastis mengurangi jumlah boilerplate yang dibutuhkan untuk melakukan permintaan ke API dan inilah yang menyebabkan request dan respon teknik Axios memiliki kinerja yang lebih baik dari sisi waktu. Dalam melakukan penanganan terhadap kesalahan, axios menggunakan error boundary.

Kata Kunci : API, JSON, ReactJS, Komponen.


Jurnal Publikasi STMIK Pontianak By Gat
DOWNLOAD PDF