Fetching dan Display Data API Menggunakan Library AXIOS Pada ReactJS

Abstract

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 melihat bagaimana cara kerja axios mulai dari struktur permintaan dan tanggapan axios, cara membuat permintaan ke API dan penangan kesalahan. Data API yang dipergunakan 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 dan menyimpan hasil respon dalam properti data. Dalam melakukan penanganan terhadap kesalahan, axios menggunakan error boundary