1 00:00:02,290 --> 00:00:04,150 Cukup banyak tentang Anda menyatakan untuk saat ini. 2 00:00:04,150 --> 00:00:09,740 Sekarang mari kita kirim ini ke server web sehingga kita juga bisa masuk ke beberapa kait lainnya. 3 00:00:09,760 --> 00:00:14,170 Misalnya kait yang membantu kami mengganti metode siklus hidup kelas. 4 00:00:14,230 --> 00:00:20,490 Ini semua lagi menggunakan Firebase sebagai dummy back dan kami hanya akan membuat proyek baru di sini bereaksi pembaruan kait yang dapat Anda tuju adalah apa 5 00:00:20,500 --> 00:00:21,690 pun yang Anda inginkan. 6 00:00:22,870 --> 00:00:27,280 Buat apakah proyek di sini dan saya hanya menggunakan firebase di sini karena saya tidak ingin 7 00:00:27,280 --> 00:00:32,200 menulis logika sisi server yang kompleks. Saya hanya ingin memiliki server, kita dapat berbicara dengan yang secara otomatis memiliki 8 00:00:32,200 --> 00:00:35,330 database yang melekat padanya sehingga data semua itu disimpan di sana. 9 00:00:35,410 --> 00:00:42,640 Jadi mari kita tunggu ini selesai dan kemudian menyelam ke dalam Proyek yang baru dibuat ini dan pergi ke database dan sekarang pastikan 10 00:00:43,390 --> 00:00:48,970 untuk membuat database baru di sana dan tidak menggunakan api di mana tetapi gulir ke bawah sedikit 11 00:00:48,970 --> 00:00:54,250 dan gunakan waktu nyata database klik pada Buat database dan mulai dalam mode uji yang berarti 12 00:00:54,250 --> 00:00:59,740 bahwa setiap orang diizinkan untuk membaca dan menulis karena di sini hanya akan menggunakan ini sebagai backend 13 00:00:59,740 --> 00:01:07,570 dummy apakah ini untuk Anda L Anda dapat ribuan permintaan untuk menyimpan data dalam database itu dan untuk mengirim permintaan kami dapat menggunakan akses seperti 14 00:01:07,660 --> 00:01:13,720 yang kami lakukan dalam kursus ini atau kami digunakan untuk membangun dan mengambil API yang dibangun langsung ke dalam 15 00:01:13,720 --> 00:01:20,570 javascript, itu sepenuhnya terserah Anda apa yang ingin Anda lakukan untuk mencampur semua yang digunakan untuk mengambil API yang dibangun dalam JavaScript 16 00:01:20,570 --> 00:01:26,810 Jadi ketika kami Sedang menambahkan bahan selain memperbarui ini secara lokal, saya juga ingin mengirim H ke permintaan p dan 17 00:01:27,130 --> 00:01:29,480 saya melakukan ini dengan menelepon mengambil. 18 00:01:29,480 --> 00:01:35,360 Dan sekali lagi ini adalah fungsi yang dimengerti oleh browser. Itu bukan fungsi reaksi, bukan fungsi kait 19 00:01:35,630 --> 00:01:43,160 reaksi. Ini adalah fungsi browser sehingga bisa dikatakan API ambil seperti yang disebut dibangun ke dalam browser modern, ini akan mengirim permintaan 20 00:01:43,160 --> 00:01:50,090 HDP di belakang layar dan mengambil mengambil URL yang ingin Anda kirimi permintaan yang merupakan string sekarang merupakan kasus yang 21 00:01:50,090 --> 00:01:55,640 bukan hanya tahun ini L tetapi katakanlah kita ingin menyimpan bahan dalam simpul bahan dan 22 00:01:55,670 --> 00:02:02,450 firebase maka semua membutuhkan titik Jason pada akhirnya itu hanya hal dasar yang tidak ada artinya lakukan dengan bereaksi 23 00:02:02,450 --> 00:02:04,900 tidak ada hubungannya dengan kait reaksi. 24 00:02:05,090 --> 00:02:10,310 Jadi di sinilah kami ingin mengirim data kami dan Anda harus tahu apa yang diambil 25 00:02:10,310 --> 00:02:17,090 secara default akan mengirimkan permintaan get firebase sekali permintaan posting meskipun jika kami ingin menyimpan data maka kami melewati argumen 26 00:02:17,120 --> 00:02:23,120 kedua untuk mengambil dan itu adalah objek yang memungkinkan kita untuk mengkonfigurasi permintaan ini pada objek ini kita 27 00:02:23,120 --> 00:02:29,210 dapat mengatur properti metode untuk memposting default set maka Anda tidak perlu mengatur itu tetapi kami ingin mengatur 28 00:02:29,210 --> 00:02:36,800 ini untuk memposting Anda kemudian juga dapat menambahkan properti tubuh untuk menentukan apa yang Anda ingin mengirim dan itu harus data Jason yang 29 00:02:36,800 --> 00:02:43,700 berarti Anda dapat menggunakan Jason yang merupakan hal lain yang dibangun ke dalam browser itu adalah itu adalah kelas India 30 00:02:43,700 --> 00:02:47,990 yang dibangun untuk browser yang memiliki string yang Anda temukan metode. 31 00:02:48,050 --> 00:02:54,590 Ini akan mengambil objek atau array javascript dan mengubahnya menjadi format Jason yang valid itu adalah fitur kenyamanan yang 32 00:02:54,590 --> 00:03:02,150 dibangun ke dalam browser meskipun tidak ada hubungannya dengan reaksi jadi di sini saya ingin menyampaikan bahwa bahan yang kita dapatkan pada dasarnya 33 00:03:02,150 --> 00:03:08,580 bahan seperti ini tanpa I . D. karena sekarang firebase akan menghasilkan ide 34 00:03:08,580 --> 00:03:14,660 itu untuk kami sehingga kami tidak perlu melakukannya secara manual sekarang ketika semua yang Anda juga perlu 35 00:03:14,780 --> 00:03:20,750 atur sekarang adalah tajuk ini memungkinkan kami untuk mengatur tajuk dan hutang kami sendiri pada gilirannya menjadi 36 00:03:20,750 --> 00:03:26,720 objek javascript dan objek javascript bersarang dan objek javascript bersarang dan di sana Anda dapat mengatur tajuk 37 00:03:26,720 --> 00:03:33,260 yang ingin Anda belanjakan untuk permintaan ini dan tadinya firebase mengharapkan tajuk jenis konten dan menyetelnya ke aplikasi Jason 38 00:03:33,260 --> 00:03:39,680 dengan akses, kami tidak harus melakukan itu karena akses melakukannya untuk kami ambil tidak melakukannya untuk kami sama 39 00:03:39,680 --> 00:03:44,240 seperti itu tidak mengkonversi data ke Jason untuk kami sehingga kami harus 40 00:03:44,240 --> 00:03:52,750 melakukan konversi data secara manual kami harus menambahkan header ini secara manual untuk menginformasikan firebase bahwa kami mendapat beberapa data Jason yang masuk dan 41 00:03:52,750 --> 00:03:58,530 mengambil sekarang akan mengembalikan janji yang akhirnya akan menyelesaikan sekali permintaan berhasil dikirim atau tentu saja 42 00:03:58,530 --> 00:04:06,960 setelah gagal itu bisa menjadi pilihan untuk katakanlah kita ingin memperbarui data kami secara lokal ketika janji ini selesai maka kita dapat menggunakan kemudian 43 00:04:07,020 --> 00:04:14,520 di sini dan mendapatkan respons di dalam fungsi bersarang ini di India Saya kemudian pergi untuk memperbarui bahan-bahan saya karena ketika 44 00:04:14,520 --> 00:04:20,460 Anda akan belajar dari kursus ini dengan janji masalahnya adalah bahwa fungsi yang Anda sampaikan tidak 45 00:04:20,460 --> 00:04:27,510 akan segera dieksekusi ketika ini dieksekusi tetapi hanya ketika permintaan ini dilakukan dalam kasus ini maka Saya ingin memperbarui bahan 46 00:04:27,780 --> 00:04:34,620 saya, Anda semua bisa menggunakan async menunggu di sini jika Anda ingin tentu saja tetapi saya akan tetap pada pendekatan 47 00:04:34,620 --> 00:04:39,780 ini karena saya pikir itu membuat sangat jelas bahwa ini dijalankan pada titik waktu 48 00:04:39,780 --> 00:04:40,590 berikutnya. 49 00:04:41,010 --> 00:04:46,260 Sekarang hal yang baik ada di sini dengan cara respon ini sebenarnya akan mendapatkan beberapa 50 00:04:46,260 --> 00:04:52,980 data kembali dari firebase yang berisi yang secara otomatis menghasilkan respon Aidid itu sendiri adalah objek yang lebih kompleks kami 51 00:04:52,980 --> 00:04:58,070 tertarik pada tubuh yang merespon dan Anda mendapatkannya dengan memanggil Metode Jason di sana. 52 00:04:58,080 --> 00:05:04,410 Ini akan mengekstrak tubuh dan mengonversinya dari Jason ke kode javascript normal namun membatalkan mengembalikan 53 00:05:04,410 --> 00:05:07,610 janji sehingga kami benar-benar akan mengembalikan respons. 54 00:05:07,620 --> 00:05:14,760 Jason di sini dan pindahkan kode ini ke tetangga lalu blokir mana perubahan di sini yang akan menjadi tubuh saya 55 00:05:14,760 --> 00:05:21,540 atau tanggal respons saya, saya mendapatkan ini dalam fungsi ini di sini yang saya lewati yang kedua lalu blok 56 00:05:21,540 --> 00:05:28,290 yang dijalankan setelah tubuh ini berlalu dan sekarang respons data akan menjadi objek yang memiliki properti nama yang berisi 57 00:05:28,290 --> 00:05:32,970 secara otomatis menghasilkan I. D. itulah cara kerja firebase. 58 00:05:33,000 --> 00:05:40,890 Jadi di sini kita sekarang dapat mengatur I. D. sama dengan merespons nama anjing data lagi bahwa kita 59 00:05:40,890 --> 00:05:47,300 dapat mengakses nama kode di sini tidak ada hubungannya dengan bereaksi atau dengan mengambil API itu hanya firebase mengembalikan beberapa data yang ujungnya adalah objek 60 00:05:47,340 --> 00:05:54,120 javascript yang memiliki properti nama dan properti nama yang akan memiliki I. unik D. 61 00:05:54,120 --> 00:05:56,450 yang dihasilkan oleh firebase. 62 00:05:56,670 --> 00:06:01,960 Jika Anda menggunakan API yang berbeda ini mungkin tidak akan disebutkan namanya tetapi untuk firebase itu. 63 00:06:01,980 --> 00:06:08,760 Dan sekarang kami membuat bahan kami secara lokal, kami memperbaruinya di sana berdasarkan semua bahan kami sebelumnya. 64 00:06:08,760 --> 00:06:18,420 Dengan gradien itu kami tiba di sini dan dengan nama kami dengan I. kami D. dihasilkan oleh firebase jadi mari kita lihat apakah itu 65 00:06:18,420 --> 00:06:18,970 berhasil. 66 00:06:18,970 --> 00:06:20,850 Mari kita simpan itu. 67 00:06:20,890 --> 00:06:28,080 Mari kita kembali ke aplikasi kita, mari kita tambahkan lima apel dan Anda melihatnya perlu waktu sampai muncul di sini. 68 00:06:28,090 --> 00:06:34,360 Yang masuk akal karena kami mengirim permintaan HDP dan kemudian di sini kami memang memiliki daerah yang ditambahkan. 69 00:06:34,390 --> 00:06:44,430 Dan ini aku yang unik ini. D. Dan jika saya menambahkan pisang 10 lagi butuh waktu tidak terlalu 70 00:06:44,430 --> 00:06:48,360 lama karena firebase sangat cepat tetapi singkat sementara kita juga melihatnya di sini. 71 00:06:48,390 --> 00:06:52,330 Jadi itu berfungsi segera setelah kami memuat ulang meskipun semua data hilang. 72 00:06:52,350 --> 00:06:56,130 Jadi tujuan selanjutnya adalah mengambil data kami setiap kali kami memuat ulang. 73 00:06:56,130 --> 00:07:00,180 Jadi, setiap kali aplikasi kami mulai atau setiap kali bahan mendapatkannya akan diberikan. 74 00:07:00,180 --> 00:07:01,440 Jadi bisa dikatakan. 75 00:07:01,440 --> 00:07:04,590 Dan untuk Ayah kami biasanya akan menggunakan metode siklus hidup. 76 00:07:04,590 --> 00:07:09,930 Kita akan menggunakan komponen yang meningkat dan kita tidak dapat menggunakannya lagi di sini kecuali kita mengubah ini menjadi 77 00:07:09,930 --> 00:07:14,250 komponen berbasis kelas yang tentu saja bukan tujuan tetapi reaksi tipuan membuat kita tertutup.