1 00:00:02,290 --> 00:00:04,690 Jadi mari kita pastikan kita menunjukkan pemintal pemuatan. 2 00:00:04,820 --> 00:00:12,610 Jika kita benar-benar menunggu permintaan HBP untuk menyelesaikannya, kita tentu saja perlu mengelola bagian negara tambahan, 3 00:00:12,610 --> 00:00:18,600 mungkin pemuatan dan ditetapkan sebagai pemuatan adalah nama yang sesuai dengan penggunaan. 4 00:00:18,610 --> 00:00:21,210 Nyatakan dan awalnya itu salah. 5 00:00:21,250 --> 00:00:26,740 Saya perlu mengelola status di sini karena kami akan melakukan perubahan di setiap perubahan yang akan menyebabkan 6 00:00:26,740 --> 00:00:32,230 komponen bahan ini diurai sehingga kami dapat memperbarui status pemuatan kami dan menampilkan sesuatu di UI. 7 00:00:32,230 --> 00:00:40,060 Sekarang ketika kita menambahkan bahan katakanlah maka saya ingin mengatur memuat ke benar dengan Yudas tepat sebelum kita memanggil 8 00:00:40,060 --> 00:00:47,220 mengambil setelah kami mendapat jawaban namun saya ingin mengaturnya menjadi salah karena sekarang kami sudah selesai. 9 00:00:47,220 --> 00:00:52,970 Jadi saya memperbarui keadaan saya di sini dengan panggilan-panggilan ini untuk ditetapkan sebagai memuat tentu 10 00:00:52,970 --> 00:01:02,420 saja juga berarti bahwa kita memasukkan kembali komponen dan sekarang kita dapat menggunakan indikator pemuatan kita untuk keluaran yang baik di mana kita memuat atau tidak 11 00:01:02,420 --> 00:01:06,060 kita dapat menampilkan indikator ini di semua jenis tempat. 12 00:01:06,110 --> 00:01:11,220 Saya suka menampilkannya dalam bentuk ramuan saya tetapi terserah Anda. 13 00:01:11,220 --> 00:01:18,580 Saya akan menambahkan prop memuat di sini dan titik di memuat di sini begitu maju. 14 00:01:18,600 --> 00:01:27,640 Dia memuat status ke bentuk bahan dan dalam bentuk bahan di sana kita dapat mengimpor 15 00:01:28,000 --> 00:01:32,150 indikator memuat dari indikator memuat UI. 16 00:01:32,170 --> 00:01:39,790 Jadi itu komponen yang saya siapkan untuk Anda pemintal kecil dan kemudian di sana di sebelah tombol 17 00:01:39,790 --> 00:01:49,130 kita dapat memeriksa pemuatan alat peraga dan jika itu benar maka saya ingin membuat indikator pemuatan jika tidak saya tidak akan mengembalikan 18 00:01:49,130 --> 00:01:52,290 apa pun dengan cara pintas untuk ini. 19 00:01:52,310 --> 00:01:57,960 Alih-alih Anda mengganti tanda tanya dengan dan dengan dua tanda Ampersand dan kemudian Anda di tengah-tengah kami batu bara 20 00:01:57,990 --> 00:02:01,950 dan huruf L sekarang itu berarti ini hanya akan diberikan jika ini benar. 21 00:02:02,170 --> 00:02:06,520 Ini sedikit sintaks javascript di mana melakukan pemeriksaan ini dan jika ini benar ini akan diberikan atau 22 00:02:06,520 --> 00:02:09,870 dis akan dikembalikan dan dalam kasus ini sejak dan bereaksi ini akan diberikan. 23 00:02:10,200 --> 00:02:11,310 Sekarang memuat sebagai benar. 24 00:02:11,320 --> 00:02:16,510 Kita harus melihatnya indikator kita mengatur memuat ketika kita menambahkan bahan mari kita juga melakukannya ketika kita 25 00:02:16,510 --> 00:02:19,300 menghapus bahan di sana saya sebut ditetapkan sebagai memuat. 26 00:02:19,300 --> 00:02:23,150 Setel ke true pada awalnya dan hanya setelah itu dihapus. 27 00:02:23,150 --> 00:02:27,610 Jadi di sini di blok Venn saya akan mengaturnya menjadi false karena kita tidak memuat lagi. 28 00:02:27,710 --> 00:02:36,470 Jadi jika kita menyimpan ini sekarang jika kita menambahkan cokelat kita akan melihat pemintal memuat di sini dan kita lakukan. 29 00:02:36,490 --> 00:02:38,810 Jika saya sekarang menghapus sesuatu, kita semua akan melihatnya. 30 00:02:38,810 --> 00:02:40,000 Jadi itu sedikit lebih baik. 31 00:02:40,040 --> 00:02:44,030 Dan tentu saja kita bisa melakukan hal serupa ketika kita memuat semua bahan pada awalnya. 32 00:02:44,220 --> 00:02:47,050 Kami akan mengurus ini nanti untuk saat ini. 33 00:02:47,060 --> 00:02:49,170 Ini yang ingin saya tunjukkan pada Anda. 34 00:02:50,320 --> 00:02:54,450 Selanjutnya mari kita menangani kesalahan semua hal yang bisa salah. 35 00:02:54,550 --> 00:03:01,360 Katakanlah untuk menghapus kita mendapatkan kesalahan dan firebase sayangnya jenisnya sangat stabil sehingga kita mungkin tidak akan mendapatkan 36 00:03:01,360 --> 00:03:02,560 kesalahan di sana. 37 00:03:02,560 --> 00:03:09,010 Tetapi jika saya menghapus T S di sini dan Jason akan memaksa kesalahan teknis karena itu jangan klik pada cokelat. 38 00:03:09,010 --> 00:03:10,560 Sebenarnya ini terus berputar. 39 00:03:10,570 --> 00:03:11,590 Ini tidak bisa dihapus. 40 00:03:11,590 --> 00:03:14,260 Dan di sini kita melihat kita memiliki permintaan yang salah. 41 00:03:14,260 --> 00:03:19,150 Kami mendapat kesalahan tetapi kami tidak menanganinya dan itu bukan pengalaman pengguna yang hebat 42 00:03:19,150 --> 00:03:22,690 karena tidak jelas bagi pengguna yang belum membuka alat pengembang. 43 00:03:22,690 --> 00:03:24,350 Apa yang salah. 44 00:03:24,400 --> 00:03:30,280 Kami ingin menangani kesalahan seperti ini sekarang dengan mengambil karena mengembalikan janji kami dapat menangani kesalahan dengan menambahkan 45 00:03:30,280 --> 00:03:37,210 tangkapan di sini dan menangkap akan mendapatkan kesalahan dan kemudian memungkinkan kami untuk melakukan apa pun yang kami inginkan dengan kesalahan itu 46 00:03:37,710 --> 00:03:38,540 di sini. 47 00:03:38,650 --> 00:03:43,130 Saya ingin menampilkan modal kesalahan saya dan menampilkan pesan kesalahan yang bagus jika terjadi kesalahan. 48 00:03:43,250 --> 00:03:47,560 Oleh karena itu saya akan mengimpor kesalahan atau modal dari 49 00:03:50,370 --> 00:03:55,660 folder UI dan modal kesalahan mereka jazz dan diberikan adalah jika kita memiliki kesalahan. 50 00:03:55,760 --> 00:04:03,920 Oleh karena itu kita perlu mengelola sepotong kesalahan negara tambahan dan mengatur kesalahan dengan status penggunaan dan awalnya saya tidak memberikan nilai di 51 00:04:03,920 --> 00:04:06,140 sana karena kita tidak memiliki kesalahan. 52 00:04:06,150 --> 00:04:12,660 Awalnya itu hanya tidak terdefinisi atau sekarang pada awalnya tetapi sekarang kita dapat memanggil set error setiap kali kita mendapatkan kesalahan. 53 00:04:12,920 --> 00:04:18,680 Jadi katakanlah karena di sini saya perhatikan kita akan memiliki satu di handler bahan hapus di blok tangkap di 54 00:04:18,680 --> 00:04:19,220 sini. 55 00:04:19,310 --> 00:04:28,100 Kami memanggil set R dan saya katakan pesan kesalahan sebagai nilai setiap objek kesalahan secara default memiliki properti pesan. 56 00:04:28,150 --> 00:04:34,010 Jadi saya menetapkan pesan ini sebagai bidang atau sebagai nilai untuk kesalahan dan tentu saja Anda 57 00:04:34,010 --> 00:04:40,620 dapat mengatur apa pun yang Anda inginkan di sini juga dapat mengatur pesan Anda sendiri seperti ada yang tidak beres. 58 00:04:40,730 --> 00:04:46,200 Apa pun seperti itu dan saya akan melakukannya di sini karena pesan yang sudah ditentukan sebelumnya mungkin benar-benar samar 59 00:04:46,200 --> 00:04:46,870 bagi pengguna. 60 00:04:46,980 --> 00:04:49,670 Jadi saya menunjukkan yang ini. 61 00:04:49,960 --> 00:04:55,240 Sekarang kita dapat menampilkan modal kesalahan jika kesalahan diatur. 62 00:04:55,270 --> 00:05:03,990 Jadi jika keadaan kesalahan diatur untuk tahun ini dalam Div ini, saya ingin memeriksa apakah kesalahan itu benar. 63 00:05:04,080 --> 00:05:12,170 Ingat kesalahan adalah keadaan kesalahan saya jadi jika kesalahan itu benar dan jika itu menggunakan cara pintas yang sama seperti sebelumnya saya akan membuat 64 00:05:12,260 --> 00:05:18,230 modal kesalahan jadi ini hanya akan diberikan jika kesalahan diatur dan kemudian ke modal kesalahan saya melewati 65 00:05:18,230 --> 00:05:26,230 pesan kesalahan saya dan itu hanya apa cerita dalam kesalahan tidak ada kesalahan sebenarnya adalah komponen yang mencoba untuk memanggil tutup jika kita 66 00:05:26,230 --> 00:05:33,860 mengklik latar belakang atau tombol D OK jadi saya akan menambahkan di dekat sini dan di sana saya ingin menjalankan fungsi yang 67 00:05:33,860 --> 00:05:40,180 menghapus kesalahan sehingga fungsi baru hapus kesalahan atau apa pun yang Anda ingin beri nama dan pada akhirnya 68 00:05:40,180 --> 00:05:46,120 apa yang dilakukannya adalah ia memanggil kesalahan set dan mengatur ini kembali ke nol dan jika data 69 00:05:46,120 --> 00:05:51,430 sekarang modal kesalahan ini juga akan hilang karena kondisi ini tidak akan terpenuhi lagi. 70 00:05:51,430 --> 00:05:55,630 Null diperlakukan sebagai salah dan karenanya ini tidak akan diberikan. 71 00:05:55,630 --> 00:05:58,490 Jadi di sini pada pakaian saya akan menunjukkan kesalahan yang jelas. 72 00:05:58,510 --> 00:06:04,630 Jadi pada disfungsi yang harus dijalankan jika pada pakaian dipicu selain pengaturan kesalahan di 73 00:06:04,630 --> 00:06:12,060 sini saya juga ingin mengatur adalah memuat juga jatuh di sini karena bahkan dengan kesalahan kita tidak memuat lagi. 74 00:06:12,100 --> 00:06:17,080 Jadi pemintal pemuatan di sini akan hilang jika tidak akan terus berjalan. 75 00:06:17,110 --> 00:06:23,820 Sekarang jika kita menyimpan ini dan saya klik pada itu saya mendapatkan modal kesalahan untuk klik OK kita sudah selesai. 76 00:06:25,080 --> 00:06:31,080 Itu juga hal penting lain yang harus Anda pahami mengenai bagaimana reaksi bekerja. 77 00:06:31,080 --> 00:06:38,340 Pembaruan dan penamaan status Bachus juga diatur di sini karena setiap kali Anda memanggil perangkat apa pun 78 00:06:38,340 --> 00:06:39,400 fungsinya digunakan. 79 00:06:39,420 --> 00:06:45,060 Negara tentu saja akan memicu pembaruan negara dan reaksi mereka memiliki mekanisme untuk menghancurkan beberapa pembaruan 80 00:06:45,060 --> 00:06:48,420 untuk mengumpulkan ke siklus render yang tidak perlu. 81 00:06:49,110 --> 00:06:54,090 Jadi, ketika Anda mengatur status baru Anda, apa pun pendekatan yang Anda gunakan. 82 00:06:54,090 --> 00:06:55,460 Bereaksi Bachus 83 00:06:55,500 --> 00:07:02,630 Status ini memperbarui sehingga semua sarana yang menulis di baris berikutnya setelah menelepon mengatakan Anda mengatakan Anda tidak dapat langsung 84 00:07:02,630 --> 00:07:08,150 menggunakan status baru karena reaksi tidak akan dilanjutkan dan memperbarui status dan melewati semua 85 00:07:08,150 --> 00:07:15,170 kode lain sebagai gantinya akan menjalankan semua kode lain dalam fungsi yang sama dan kumpulan semua pembaruan negara yang 86 00:07:15,170 --> 00:07:17,550 Anda jadwalkan untuk kumpulkan di sana. 87 00:07:17,600 --> 00:07:22,810 Jadi semua pembaruan negara dari satu di event handler sinkron yang sama yang sinkron 88 00:07:22,820 --> 00:07:24,560 penting dikumpulkan untuk dikumpulkan. 89 00:07:24,860 --> 00:07:25,730 Itu agak berteori. 90 00:07:25,730 --> 00:07:26,880 Apa artinya ini. 91 00:07:26,900 --> 00:07:32,150 Ini berarti bahwa dalam kesalahan yang jelas misalnya saya telah menetapkan kesalahan dan mengatur pemuatan ini adalah fungsi yang sama. 92 00:07:32,150 --> 00:07:35,820 Dua langkah ini dijalankan sinkronisitas satu sama lain. 93 00:07:35,840 --> 00:07:41,420 Jadi, bahkan jika itu berada di blok kemudian jika keduanya sama maka blok maka keduanya selalu 94 00:07:41,420 --> 00:07:48,200 berjalan langsung ke satu sama lain dan kemudian bereaksi batch D untuk menyatakan pembaruan bersama-sama sehingga tidak berarti bahwa kesalahan 95 00:07:48,320 --> 00:07:55,280 set menyebabkan rebound atau siklus dan mengatur sebagai penyebab pemuatan dan tidak seorang pun tetapi hanya akan memiliki satu siklus render 96 00:07:55,400 --> 00:08:01,480 di sini yang memperbarui kedua status atau yang mencerminkan kedua pembaruan status menjadi lebih akurat dan melihat bahwa 97 00:08:01,480 --> 00:08:06,560 pemuatan pemukim sebenarnya salah di sini dan menghapus kesalahan atau tidak salah, tetapi Anda mungkin 98 00:08:06,800 --> 00:08:14,610 juga berpendapat bahwa Anda ingin memindahkannya di sini di mana Anda mengatur kesalahan pada awalnya maka kemudian pemintalan ini saya dapat mengubah menghilang 99 00:08:14,640 --> 00:08:19,590 tepat ketika mode Anda membuka tentu saja karena kita sedang mengatur pemuatan pada titik 100 00:08:19,590 --> 00:08:25,050 waktu yang sama kita sedang mengatur kesalahan tetapi dua ini lagi akan menjadi ditambal bersama sehingga 101 00:08:25,260 --> 00:08:31,320 bukan untuk membuat siklus yang dieksekusi untuk menunjukkan modal kesalahan dan untuk menghapus pemintal tapi itu salah satu 102 00:08:31,320 --> 00:08:35,040 siklus render yang sama yang sudah mempertimbangkan kedua pembaruan negara. 103 00:08:35,220 --> 00:08:42,360 Jadi begitulah reaksi pembaruan negara Bachus dan bagaimana Anda dapat menangani kesalahan dengan keadaan terpisah tentu saja di mana 104 00:08:42,600 --> 00:08:46,110 Anda menyimpan kesalahan dan kemudian bereaksi terhadapnya dengan tepat.