#11 Tutorial Consume API Axios ReactJS

 Pada tutorial kali ini setelah pada tutorial-tutorial sebelumnya kita mempelajari bagaimana caranya Consume GET API menggunakan FETCH pada tutorial kali ini kita akan Consume API menggunakan AXIOS di ReactJS.

Axios ReactJS

Apa Itu Axios?

Klien HTTP berbasisPromises untuk browser, node.js dan Js, nah dengan menggunakan Axios kode lebih mudah di baca dan handling error nya lebih bagus menurut saya ketimbang FETCH bawaan Javascript, selain itu kita juga mengatur interceptor, singeleton dengan Axios.

Install Axios

Buka terminal kamu dan arahkan ke direktori project mu kemudian ketikan perintah di bawah ini

npm i axios

Setelah itu tunggu proses instalasi sampai selesai.

Memulai Koding

Setelah itu buka file App.js dan ubah kode nya menjadi seperti kode ReactJS di bawah ini :

Kemudian run dan jalankan project ReactJS mu

npm run start

Jika berhasil maka tampilannya akan seperti gambar di bawah ini :

Sekian semoga tutorial ReactJS Bahasa Indonesia mengenai cara menggunakan Axios sebagai HTTP Request API dapat bermanfaat dan membantu kamu yang sedang mempelajari REACTJS. Happy Coding & Keep Sharing.

Baca Juga Tutorial ReactJS lainnya :

#1 Pengenalan ReactJS, Kekurangan Dan Kelebihan

#2 Tutorial ReactJS Memahami State Dan Props Serta Contoh

#3 Tutorial ReactJS Lifecycle/Siklus Hidup Class Component

#4 Tutorial ReactJS Kondisional Rendering Class & Hooks

#5 Tutorial ReactJS Formting Tanggal Dan Waktu

#6 Tutorial ReactJS Membuat Form Login

#7 Tutorial ReactJS Membuat Countdown Timer Simpel

#8 Tutorial React Hooks Countdown Timer Advanced

#9 ReactJS Fetch API, Handling Loading Dan Error Lengkap

#10 Tutoria ReactJS Fetch API React Hooks