Uji pengetahuan

1.

Bagaimana Anda membuat halaman di aplikasi Gatsby?

Membuat komponen React di direktori pages.

Buat komponen di mana saja dalam proyek Anda. Gatsby akan memindai direktori untuk komponen React.

Buat komponen dengan awalan Page dalam nama komponennya.

Buat file Markdown dan letakkan di direktori pages.

2.

Bagaimana Anda menyiapkan url default untuk komponen halaman?

Anda tidak akan menyiapkannya. Gatsby melakukan ini untuk Anda.

Siapkan rute dengan menerapkan API Gatsby dalam file gatsby-node.js.

Buat komponen entri App.js dan, di dalamnya, komponen Rute dan komponen pemecah masalah untuk setiap rute.

Buat komponen React di direktori pages dan panggil metode registerRoute(), lewati rute sebagai string bersama dengan komponen.

3.

Bagaimana Anda menggunakan data dari grafik data dalam memori di komponen halaman Anda?

Buat komponen halaman dan tentukan variabel query yang berisi kueri GraphQL. Lalu render respons kueri dalam komponen.

Lakukan permintaan pengambilan dan render respons dalam komponen.

Gunakan komponen Data Gatsby, atur properti query ke kueri Anda, dan render komponen Halaman Anda di properti render-nya.

Gunakan fungsi useData() dan teruskan kueri Anda sebagai parameter. Ini akan menampilkan objek dengan properti data yang berisi respons GraphQL Anda.

4.

Langkah awal apa yang perlu Anda lakukan untuk menyebarkan aplikasi Gatsby menggunakan layanan Azure Static Web Apps?

Lakukan perubahan pada repo Git, buat proyek, dan dorong ke GitHub

Lakukan perubahan pada repo Git dan dorong ke GitHub

Jalankan gatsby build untuk membuat direktori yang dapat disebarkan. Kompres direktori build yang dihasilkan menjadi tarball. Tarball sekarang dapat diunggah ke layanan Azure Static Web Apps.

Jalankan gatsby deploy. Ini akan membuat biner yang dapat Anda sebarkan ke layanan Azure Static Web Apps.

Uji pengetahuan Anda

Saran dan Komentar