Di tutorial sebelumnya kita telah mempelajari mengenai fundamental dan lifecycle React Native Hooks dan di tutorial-tutorial Konsep Koding yang sebelumnya kita juga telah mempelajari bagaiamana cara Get API menggunakan Axios di Class Component, nah pada tutorial kali ini kita akan belajar bersama bagaiaman cara Get Data API di React Native Hooks, dan mencoba untuk mengimplimentasi Hooks state.

https://www.konsepkoding.com/2020/04/tutorial-react-native-hooks-get-api.html
Tutorial React Native Hooks : Get API Axios

Apa Yang Akan Kita Pelajari?

1. Menggunakan Lifecycle Hooks
2. Basic Component
3. Get API dan Menampilkannya

Memulai Project

Silahkan buat sebuah project baru npx react-native init hook_api
Kemudian cd hook_api
Setelah itu silahkan install library Axios sebagai http request di project kamu
npm i axios 
Setelah itu kita akan menggunakan enpoint API online jsonPlaceholder
https://jsonplaceholder.typicode.com/todos/2
Untuk result json nya seperti gambar di bawah ini :


Kemudian ubah kode App.js menjadi seperti kode di bawah ini:


Setelah itu silahkan run project anda dengan perintah
npx react-native run-android atau npx react-native run-ios
Jika anda berhasil maka kode React Native Hooks yang anda tulis akan seperti gambar pada di bawah ini :

Tutorial React Native Hooks : Get API Axios
Tutorial React Native Hooks : Get API Axios
Sekian semoga tutorial dari Konsep Koding dapat bermanfaat dan membantu kamu yang sedang mempelajari React Native, khususnya React Native menggunakan Hooks. Karena hooks sekarang sudah stable dan banyak library yang support dan yang paling penting Hooks lebih simple kode nya dan lebih mudah di baca oleh manusia dan mesin.

Baca Tutorial Lainnya: