1 00:00:02,480 --> 00:00:07,430 Sekarang kami mulai bekerja dengan hook kustom kami yang sekarang juga berarti kami dapat membersihkan komponen ini sedikit menghapus beberapa 2 00:00:07,490 --> 00:00:09,530 kode yang kami miliki di sana sebelumnya. 3 00:00:09,530 --> 00:00:13,930 Pada dasarnya semua yang kami komentari di luar sana sekarang untuk penambah bahan ADD. 4 00:00:13,940 --> 00:00:16,650 Anda juga akan melihat bahwa kami mendapat peringatan di sini. 5 00:00:16,650 --> 00:00:22,940 Ada beberapa garis berlekuk-lekuk hijau yang kami lewatkan permintaan pengiriman ketergantungan dan memang kami harus 6 00:00:22,940 --> 00:00:24,630 menambahkan ini di sini. 7 00:00:24,650 --> 00:00:30,110 Sekarang menambahkan handler Regan sama dengan menghapus handler hijau mengirim permintaan untungnya dibungkus menggunakan callback 8 00:00:30,110 --> 00:00:38,120 di kait kustom kami di sini dan oleh karena itu ini tidak akan membangun kembali atau tidak akan dibuat kembali untuk setiap 9 00:00:38,120 --> 00:00:42,560 pembangunan kembali komponen yang mereka tawarkan menghapus bahan handler yang semua 10 00:00:42,830 --> 00:00:48,830 penggunaannya menggunakan use callback tidak dibuat ulang dan karenanya optimasi komponen anak kami tetap utuh dan kami 11 00:00:48,830 --> 00:00:51,300 tidak menangani kesalahan atau kesalahan pembersihan. 12 00:00:51,320 --> 00:00:56,440 Itu bukan sesuatu yang kami lakukan, kami ingin melakukannya dengan bantuan pengait kustom kami di sini juga. 13 00:00:58,210 --> 00:00:59,700 Sekarang kita sedang mengatur kesalahan di sini. 14 00:00:59,750 --> 00:01:05,930 Jika kami mendapatkan satu tapi kami tidak punya cara untuk membersihkannya, saya benar-benar akan mendaftarkan kasus baru di peredam saya di 15 00:01:05,930 --> 00:01:11,120 kait kustom saya yang akan menyebutkan nama yang jelas dan di sana saya akan mengembalikan objek baru. 16 00:01:11,120 --> 00:01:17,260 Dan pada dasarnya apa yang saya lakukan di sana adalah saya hanya akan mengembalikan keadaan awal baru ini 17 00:01:17,260 --> 00:01:24,790 jadi saya akan memotongnya di sini membuat pembaruan konstan baru kita mungkin dinamai keadaan awal terdengar seperti nama pas dan itu hanya 18 00:01:24,790 --> 00:01:25,870 sebagai objek. 19 00:01:25,870 --> 00:01:30,520 Dan kemudian di sini dalam kasus yang lebih jelas saya hanya mengembalikan objek keadaan awal ini dari atas. 20 00:01:30,970 --> 00:01:35,080 Dan itu adalah objek keadaan awal yang sama yang dapat kita gunakan 21 00:01:38,200 --> 00:01:45,770 di sana untuk menginisialisasi cambuk peredam dan kita tidak perlu kurung kurawal di sini dan oleh karena itu kita dapat menyingkirkan kasus 22 00:01:45,950 --> 00:01:54,500 jelas lama yang baru melakukan reset yang kita inginkan sekarang jelas adalah sesuatu yang kita bisa mengirim tetapi kami tidak pernah mengirim ke mana pun 23 00:01:54,500 --> 00:01:55,380 di sini. 24 00:01:55,580 --> 00:02:03,310 Jadi saya akan membuat fungsi baru di sini di dalam kait kustom saya yang jelas atau apa pun yang Anda ingin beri nama. 25 00:02:03,420 --> 00:02:09,000 Ini adalah fungsi yang sangat mudah yang menggunakan HDP pengiriman dan mengirimkan tindakan di mana untuk mengetik 26 00:02:09,000 --> 00:02:12,920 cukup jelas tidak ada data yang perlu ditambahkan, tidak seperti itu. 27 00:02:12,990 --> 00:02:15,640 Saya juga akan menggunakan callback digunakan di sini untuk lebar. 28 00:02:15,690 --> 00:02:20,080 Ini diberikan kami tidak mendapatkan dependensi eksternal. Jadi apakah ini array kosong. 29 00:02:20,220 --> 00:02:28,140 Dan sekarang clear adalah fungsi yang Anda selalu dapat kembali ke sini jadi saya akan kembali dengan jelas sebagai pasangan nilai 30 00:02:28,380 --> 00:02:36,230 kunci dalam objek yang kembali secara keseluruhan dari kait kustom kami di dalam komponen kami, kami dapat memperoleh akses untuk 31 00:02:37,930 --> 00:02:43,690 menghapus hanya dengan mengekstrak ini begitu juga sebuah properti dari hasil penggunaan HDP kami. 32 00:02:43,690 --> 00:02:50,680 Jadi dari kait kustom kami dan sekarang dalam kesalahan jelas di sana yang harus kita lakukan adalah kita memanggil pembersih seperti 33 00:02:50,680 --> 00:02:54,120 ini atau kita menyingkirkan kesalahan jelas di sini sepenuhnya. 34 00:02:54,340 --> 00:03:00,430 Dan di sana pada saat dekat dengan model kami, kami hanya menunjukkan yang jelas bahwa fungsi diekstraksi 35 00:03:00,430 --> 00:03:05,290 yang kami dapatkan dari kait kustom kami yang sudah dibungkus menggunakan callback. 36 00:03:05,300 --> 00:03:12,620 Jadi sekarang mari kita menguji apakah itu bekerja dengan pergi lagi ke lead handler menghapus S di 37 00:03:12,620 --> 00:03:21,530 sini untuk memaksa log kesalahan klik pada pisang yang terlihat baik kita dapat menangani ini kita mudah-mudahan masih bisa menambahkan apel 38 00:03:21,530 --> 00:03:27,860 baru sehingga semua bekerja dari kesalahan yang diperbaiki tentu saja menghapus semua pekerjaan lagi. 39 00:03:27,900 --> 00:03:31,400 Jadi jika saya menghapus apel saya, itu terlihat bagus. 40 00:03:31,490 --> 00:03:36,260 Jadi sekarang kita menggunakan pengait kustom di sini sekarang dan sekarang menggantikan di mana 41 00:03:36,260 --> 00:03:41,530 kita tentu saja dia itu adalah komponen pencarian dalam komponen pencarian kita juga mengirim permintaan HP. 42 00:03:41,990 --> 00:03:46,970 Jadi tidak ada alasan untuk tidak menggunakan juga untuk berani menggunakannya di sini. 43 00:03:47,300 --> 00:03:57,950 Saya akan mengimpor tentu saja menggunakan HDP dari kait h PJ dan kemudian keadilan sebelum memanggil menggunakan h untuk berada di sana dan kemudian mengekstrak 44 00:03:57,950 --> 00:04:03,740 beberapa data dari sana yang kami tertarik sekarang yang mungkin lebih sedikit data daripada 45 00:04:03,740 --> 00:04:04,380 sebelumnya. 46 00:04:04,400 --> 00:04:06,200 Saya akan membuatnya lebih sederhana di sini. 47 00:04:06,200 --> 00:04:07,460 Saya tertarik memuat. 48 00:04:07,460 --> 00:04:14,200 Saya tertarik pada data kesalahan potensial yang menarik dan saya ingin dapat mengirim permintaan saya karena saya 49 00:04:14,200 --> 00:04:20,110 menangani kesalahan saya harus menghapus fungsinya dan sekarang dengan semua itu diekstraksi kami ingin mengirim 50 00:04:20,110 --> 00:04:24,260 permintaan di sini di mana kami sebelumnya disebut mengambil. 51 00:04:24,400 --> 00:04:31,900 Jadi saya akan menelepon mengirim permintaan di sini dan saya Anda sekutu tentu saja hal yang sama yang saya miliki di sini sebelumnya. 52 00:04:31,900 --> 00:04:39,010 Jadi, Anda adalah metode permintaan L plus di sini adalah untuk mendapatkan permintaan, kami tidak memerlukan badan, kami tidak membutuhkan permintaan tambahan. 53 00:04:39,010 --> 00:04:43,960 Kita juga perlu mengidentifikasi karena dalam komponen ini apakah ini satu-satunya permintaan yang kami kirim 54 00:04:43,960 --> 00:04:49,210 sehingga kami akan selalu dapat mengidentifikasinya dan karenanya kami dapat membuang semua logika itu di sini. 55 00:04:49,240 --> 00:04:58,160 Saya akan menjaga logika transformasi itu karena kita akan membutuhkan ini dalam sedetik dan saya akan memotong tahun ini. 56 00:04:58,210 --> 00:05:00,970 Jadi sekarang untuk sekarang saya hanya mengirim permintaan di sini. 57 00:05:00,970 --> 00:05:07,310 Jika kita memutuskan bahwa waktunya sudah matang untuk menangani respons, saya akan menggunakan lagi dan tidak pernah langsung menggunakan 58 00:05:09,190 --> 00:05:15,660 fakta untuk memposisikan urutan off untuk menggunakan efek panggilan tidak masalah di sini dan ini tentu saja harus dijalankan 59 00:05:15,660 --> 00:05:18,000 setiap kali kami mendapat data . 60 00:05:18,660 --> 00:05:29,500 Tapi itu juga akan tergantung pada pemuatan dan kesalahan karena di sini saya ingin memeriksa apakah kami tidak memuat dan kami tidak memiliki kesalahan dan kami 61 00:05:30,130 --> 00:05:37,270 memiliki data katakanlah jika demikian, maka kami tahu kami mendapatkan beberapa data kembali di sini saya akan 62 00:05:37,300 --> 00:05:44,600 sekarang tambahkan apakah data respons logika transformasi sekarang disesuaikan data yang kami dapatkan kembali sehingga kami dapat 63 00:05:44,610 --> 00:05:51,450 dengan mudah mengganti data respons dengan data dan kemudian kami memanggil memuat bahan sekarang semua 64 00:05:51,450 --> 00:05:59,030 memuat staf Regan tentu saja juga merupakan ketergantungan di sini pada memuat bahan yang juga ketergantungan kami perlu 65 00:05:59,030 --> 00:06:08,160 menambahkan karena kita memanggilnya di sini sekarang di pertama menggunakan panggilan fakta di sini kita bergantung pada filter yang dimasukkan kita bergantung 66 00:06:08,160 --> 00:06:09,240 pada ref. 67 00:06:09,240 --> 00:06:15,640 Tentu saja kita tidak lagi bergantung pada bahan-bahan yang dimuat tetapi sebaliknya kita sekarang memiliki ketergantungan baru yang mengirim 68 00:06:15,640 --> 00:06:21,060 permintaan sehingga kita harus menambahkan penyebab ini kita menggunakan fungsi ini di sini dan fungsi adalah dependensi 69 00:06:21,060 --> 00:06:26,460 normal seperti nilai-nilai kita karena dibungkus dengan penggunaan panggilan balik di kait kustom kami meskipun tidak 70 00:06:26,610 --> 00:06:34,130 akan memicu dan tidak ada efek panggilan penggunaan dan itulah yang seharusnya terjadi jadi tidak ada yang terakhir tapi setidaknya kami melakukan semua 71 00:06:34,130 --> 00:06:34,800 itu. 72 00:06:34,820 --> 00:06:44,700 Mari kita sekarang juga menambahkan penanganan kesalahan di sini untuk Ayah semua modal kesalahan impor dari modal kesalahan UI. 73 00:06:44,940 --> 00:06:51,590 Dan jika saya sekarang pergi ke bagian J sebagai X Anda di atas kartu itu saya akan memeriksa kesalahan jika ada di sana. 74 00:06:51,810 --> 00:07:00,090 Kami memiliki kesalahan saya akan membuat modal kesalahan dan dalam model kesalahan yang seharusnya ke Ampersand menandatangani Indira mol 75 00:07:00,090 --> 00:07:07,530 Saya ingin menampilkan kesalahan saya yang merupakan pesan dan pada menutup modal itu saya ingin memanggil yang 76 00:07:07,530 --> 00:07:13,170 jelas yang saya fungsi yang jelas berasal dari kait kustom saya yang 77 00:07:13,530 --> 00:07:15,500 saya ekstrak di sini. 78 00:07:15,570 --> 00:07:17,960 Jadi sekarang ini semua dilakukan di sini. 79 00:07:17,970 --> 00:07:23,070 Sekarang untuk semua acara, indikator memuat sedikit katakanlah antara label dan input saya tidak akan 80 00:07:23,070 --> 00:07:26,720 menambahkan loading spinner di sini itu benar-benar akan merusak antarmuka. 81 00:07:26,850 --> 00:07:33,570 Sebagai gantinya saya akan mengobrol hanya memeriksa apakah memuat dan jika itu masalahnya maka saya ingin menampilkan rentang 82 00:07:33,570 --> 00:07:35,770 dengan pemuatan teks di sana. 83 00:07:36,150 --> 00:07:42,870 Jika kami menyimpannya dan kami masuk Anda akan melihat memuat di sini sebagai teks dan Anda juga melihat ini jika saya mengetik 84 00:07:42,870 --> 00:07:43,560 di sini 85 00:07:46,360 --> 00:07:48,400 dan kemudian menunggu seperti upaya ini. 86 00:07:48,410 --> 00:07:54,110 Tampaknya ini berfungsi dengan benar dan jika kami memeriksa tab Jaringan kami juga tidak melihat jumlah permintaan tak 87 00:07:54,110 --> 00:07:55,400 terbatas di sana. 88 00:07:55,400 --> 00:08:04,830 Mari kita tambahkan beberapa apel dan kemudian perbarui filter di sini sehingga semuanya terlihat cukup bagus untuk saya. 89 00:08:04,920 --> 00:08:08,790 Dan sekarang kami menggunakan pengait khusus meskipun dalam komponen pencarian.