Jika kamu ingin menjadi Mobilie Developer atau Front End Engginer kamu harus menguasai bagaimana cara mengkonsumsi API dari server.  Consume API adalah adalah sebuah cara mengambil, menampilkan , memasukan , mengupdate dan delete data dari Back End dan ditampilkan dengan baik kepada Users.

Nah pada React Native juga kita harus bisa mengkonsumsi API dari Backend dengan baik. Pada tutorial ini kika akn mengambil data API dari github api versi 3, di tutorial ini akan dijelaskan mengenai cara mengambail API yang baik dan benar dengan Library Axios. Axios sendiri merupakan library yang paling mature dan paling banyak digunakan oleh developer Javascript utuk mengolah data daru Backend.

Kita tidak akan menggunakan Promises di tutoria ini kita menggunakan Try Catch untuk menampilkan data dari API github, selain itu akan di berikan tutorial Handling Error, jika data sedang dimuat atau jika sewaktu-waktu server down maka itu menjadi tanggung jawab dari Front End atau Mobile Developer.


https://www.konsepkoding.com/2020/03/tutorial-get-api-react-native-yang-baik-axios.html
Get API React Native

Apa Yang Akan Kita Pelajari?

1. Membuat UI
2. Get API dari Github API dengan Axios dan FlatList
3. Styling dan Lifecycle
4. Handling Error

Memulai Project

  • Pertama silahkan buat project React Native terlebih dahulu npx react-native init api_project
  • Kemudian install library Axios, npm i axios
  • Kemudian pada file App.js ubah kode nya menjadi seperti kode di bawah ini :

  • Setelah kamu mengetikan kode di atas silahkan run project React Native kamu : npx react-native run-android / npx react-native run-ios.
  • Jika kamu berhasil maka tampilan nya akan seperti ini :


https://www.konsepkoding.com/2020/03/tutorial-get-api-react-native-yang-baik-axios.html

Kesimpulan 

Kenapa kita menggunakan Axios, karena jika kamu menggunakan Fecth dari React Native terkadang untuk beberpa case jika terjadi Error aplikasi langsung force close. 
Kemudian kenapa kita menggunakan Try Catch, karena jika menggunakan Promises biasanya handling error tidak bekerja dengan baik.

Sedikt info nantikan tutorial selanjutnya untuk Get Detail API pada React Native dari Konsep Koding. Sekian semoga dapat bermanfaat dan membantu untuk kamu.


Baca Juga :
#1 Pengenelan React Native Dan Cara Instalasinya Lengkap
#2 Tutorial React Native State Dan Props Serta Penjelasannya
#3 Tutorial Menampilkan Gambar React Native Yang Baik & Benar
#4 Tutorial React Native Alert, Beserta Jenis-Jenisnya Lengkap
#5 Tutorial ClickListener Pada React Native Serta Penggunaannya
#6 Tutorial React Native: Text Italic, Bold, Underline dan Styling
#7 Tutorial Membuat Custom TextArea Pada React Native
#10 Tutorial Open Link Url Website Di React Native
#11 Tutorial React Native WhatsApp Direct Send Link
#12 Tutorial React Native Modal Dengan Desain Gambar
#13 Tutorial React Native : React Navigation 5 Untuk Navigasi
#14 Tutorial React Native : Mengirim Data Pada React Navigation
#15 Tutorial React Native Top TabView Gesture Lengkap
#16 Tutorial React Native : Animation JSON Lottie
#17 Tutorial Dan Penjelasan Lifecycle Pada Classes React Native