Ok pada tutorial kali ini kita akan mempelajari mengenai bagaimana fetch API menggunakan React Hooks, setelah sebelumnya kita telah mempelajari Fetch Get API dengan menggunakan Class Component, di tutorial ini akan dijelaskan akan kita pelajari bersama mengenai bagaimana caranya Consume API menggunakan React Hooks serta handling error serta lifecycle hooks.

#10 Tutoria ReactJS Fetch API React Hooks



Apa Yang Akan Kita Pelajari?

1. Lifecycle React Hooks Get API

2. Handling Loading Get Data

3. Handling Jika Terjadi Error Pada Server/Client


Memulai Koding

Pertama hal yang harus dilakukan jika anda belum memiliki project ReactJS silahakan buat project ReactJS terlebih dahulu, jika anda sudah membuat Project React sebelumnya silahkan ubah pada file App.js menjadi seperti kode di bawah ini:


Setelah itu jalankan project ReactJS anda di terminal/CMD anda :

npm run start

Jika berhasil maka tampilannya akan seperti pada gambar di bawah ini :



Kesimpulan

Hooks hadir pada React menjadi paradigma functional jadi semua component dan kode menjadi bersifat function, kelebihannya adalah kode menjadi lebih sedikit dan lebih mudah untuk dipahami. Semoga tutorial ini dapat bermanfataat dan membantu kamu yang sedang memeplajari bagaimana cara consume fetch API pada React Hooks