Daftar Video
Konsumsi Graphql dengan ReactJS
Setup apollo client react


Gratis
Info: React v 16.6
7 video
3 tahun yang lalu
Buku Halo Koding!

Buku ini akan jadi teman perjalanan kamu ngoding!
Detail Kelas
Belajar cara mengkonsumsi API yang dibuat dengan graphql dari sisi client menggunakan library reactjs, kita lakukan persiapannya dulu dengan menginstall ApolloClient. Kalau kamu mau, kita belajar membuat sisi server graphql disini
Jangan lupa untuk mengubah settingan cors di server node kamu agar bisa digunakan dari URL/port lainnya. Setelah itu kita akan langsung mulai menggunakan graphl dengan apollo
Cara menampilkan data-data yang sudah didapat dari server graphql ke bagian tampilan (UI) dari aplikasi react dengan apolloclient
Bagaimana dengan memodifikasi data, misalnya menginput data baru dari client dengan mutation graphql pada apollo client
nilai variable yang dikirim graphql tentu bisa saja dinamis, contohnya dengan menjadikan id atau name sebagai parameter untuk mendapatkan data yang spesifik
apolloclient untuk react juga menyediakan local state management untuk mengatur data local yang tidak disediakan di sisi server, dengan ini kamu akan melihat schema grapqhl kamu menjadi lebih fleksibel untuk kasus tertentu
Sampai disitu perkenalan cara mengkonsumsi API graphql dengan menggunakan apolloclient, selamat bereksperimen