Consuming REST API with React
InsyaAllah pada catatan kita akan belakar bagaimana membuat asynchornous code yang lebih bersih dan mudah dibaca. Lalu akan membahas tentang networking, kita akan gunakan pustaka
fetch
danaxios
.
Berkaitan dengan membuat dan mengirim request serta menerima respone, cara tradisional adalah menggunakan XMLHttpRequest
. Namun tidak akan dibahas pada catatan ini. Anda dapat mencarinya di GOOGLEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE
Using the axios
Pertama install axios melalui npm
Selanjutnya untuk menggunakan import axios dengan syntax berikut
Axios library memiliki beberapa manfaat, seperti transforasi otomatis untuk data JSON. Dibawah ini adalah contoh request menggunakan axios
Code
Pustakan axios juga memliki beberapa HTTP method tersendiri. Contohnyam jika kita ingin mengirim request POST serta data object pada body kita dapat menggunakan kurleb kode dibawah ini.
Code
Note
Dokumentasi configurasi axios
sample