1
00:00:02,410 --> 00:00:10,150
Jadi kita hampir selesai dengan modul ini tetapi satu fitur yang sangat keren hilang dan kait kustom Data.

2
00:00:10,180 --> 00:00:11,620
Anda dapat membuat kait sendiri.

3
00:00:11,650 --> 00:00:14,100
Anda tidak terbatas pada yang terpasang.

4
00:00:14,260 --> 00:00:15,280
Jadi mari kita lakukan itu.

5
00:00:15,310 --> 00:00:20,650
Saya akan menambahkan folder kait baru di mana saya ingin menyimpan kait saya dan

6
00:00:20,650 --> 00:00:30,310
di sana saya akan menambahkan satu kait kustom dan itu kait HP saya karena saya memiliki fungsionalitas HBP dalam wadah bahan misalnya di mana saya mengirim permintaan HDTV.

7
00:00:30,310 --> 00:00:33,900
Saya melakukan ini beberapa kali dan polanya selalu sama.

8
00:00:33,950 --> 00:00:40,510
Pengiriman kirim di awal pengiriman merespons setelah respons ada kesalahan pengiriman jika kita memiliki kesalahan itu

9
00:00:40,510 --> 00:00:42,550
selalu pola yang sama.

10
00:00:43,150 --> 00:00:48,010
Jadi kami memiliki logika yang ingin kami bagikan di seluruh komponen tetapi dan itulah yang penting.

11
00:00:48,040 --> 00:00:53,350
Logika yang juga memengaruhi keadaan komponen tempat kita ingin menggunakan logika itu.

12
00:00:53,800 --> 00:00:59,470
Jadi kita tidak dapat menggunakan fungsi normal karena tentu saja kita dapat membangun fungsi kirim permintaan normal

13
00:00:59,470 --> 00:01:02,850
yang hanya memiliki semua logika permintaan kirim di sana.

14
00:01:03,100 --> 00:01:09,700
Tetapi dari dalam fungsi normal, kami tidak dapat mengirim peristiwa yang kemudian mengubah status dalam komponen

15
00:01:09,730 --> 00:01:11,260
yang disebut fungsi.

16
00:01:11,260 --> 00:01:14,170
Itu sesuatu yang hanya bisa dilakukan oleh kait.

17
00:01:14,440 --> 00:01:17,180
Dan itu sebabnya kami membangun kait kami sendiri sekarang.

18
00:01:17,230 --> 00:01:23,500
Jadi di H jika Anda mengejar jatuh ke folder kait saya ingin membangun kait saya sendiri pada hal

19
00:01:23,500 --> 00:01:28,540
pertama yang sangat penting ada kait Anda sendiri harus selalu dinamai menggunakan sesuatu.

20
00:01:28,630 --> 00:01:35,050
Dalam kasus saya di sini gunakan HDP atau gunakan ambil atau apa pun yang Anda ingin nama itu tetapi

21
00:01:35,050 --> 00:01:42,910
menggunakan sesuatu yang ditulis seperti ini dan saya akan pergi dengan menggunakan HBP maka hook Anda hanya sebuah fungsi itu fungsi javascript yang

22
00:01:43,000 --> 00:01:47,260
normal hanya memperlakukannya dengan cara khusus dengan bereaksi itulah hal intinya.

23
00:01:47,360 --> 00:01:51,290
Jadi sekarang kita punya ini dan saya akan mengekspor menggunakan HBP di sini.

24
00:01:51,320 --> 00:01:56,120
Jadi itu adalah pengait yang sangat sederhana yang tidak melakukan apa pun tetapi ini adalah permulaan.

25
00:01:56,210 --> 00:02:02,170
Yang keren adalah di hook ini sekarang Anda dapat menggunakan fitur state penuh Anda dapat menggunakan stage use

26
00:02:02,180 --> 00:02:09,200
fakta menggunakan reducer apa pun yang dapat Anda gunakan hook apa pun di sana dan setiap komponen yang menggunakan hook Anda sendiri akan

27
00:02:09,200 --> 00:02:15,170
menjalankan hook ini seolah-olah Anda harus kode yang ditulis di sini secara langsung dalam komponen sehingga tidak seperti Anda

28
00:02:15,170 --> 00:02:21,280
memiliki satu fungsi yang dibagikan oleh banyak komponen dan kemudian mereka menjalankan kode yang sama dengan data yang sama tidak.

29
00:02:21,440 --> 00:02:28,310
Setiap Komponen Fungsional mendapatkan snapshot sendiri dari kait ini sehingga dapat dikatakan bahwa itu hal yang keren Anda dapat memiliki logika

30
00:02:28,310 --> 00:02:34,100
penuh di sana tetapi keadaan untuk logika kemudian akan berbeda untuk setiap komponen di mana Anda menggunakan

31
00:02:34,100 --> 00:02:37,580
kait itu sehingga Anda dapat berbagi logika bukan data.

32
00:02:37,610 --> 00:02:39,930
Itulah ide di balik kait.

33
00:02:40,130 --> 00:02:42,980
Jadi apa yang ingin kita miliki di pengait khusus ini.

34
00:02:42,980 --> 00:02:47,450
Yah saya akan mengatakan itu masuk akal untuk memindahkan H kami ke P itu mengurangi dia ke sana.

35
00:02:48,290 --> 00:02:56,370
Jadi mari kita pergi ke bahan J. S. dan diambil adalah HBP tempat pengguna memotongnya dari sana.

36
00:02:56,600 --> 00:03:03,440
Dan saya dekatkan dengan folder UI, pindahkan di sini ke dalam dada HBP dan saya akan mendefinisikannya di luar hook karena

37
00:03:03,500 --> 00:03:09,950
sekali lagi ini tidak perlu membaca run dengan setiap tayangan ulang atau siklus dan kait Anda akan jalankan kembali

38
00:03:09,950 --> 00:03:12,380
dengan setiap siklus ulang yang penting .

39
00:03:12,380 --> 00:03:18,140
Hook Anda akan dipanggil kapan saja ke komponen di mana Anda menggunakan hook Anda dieksekusi kembali dan kemudian Anda dapat menggunakan

40
00:03:18,140 --> 00:03:23,240
teknik di hook Anda tentu saja untuk memastikan bahwa tidak ada yang terjadi pada keadaan atau bahwa sesuatu

41
00:03:23,240 --> 00:03:27,860
tidak terjadi tergantung pada apa yang Anda inginkan tetapi dalam secara umum akan dieksekusi kembali.

42
00:03:28,070 --> 00:03:32,390
Saya tidak ingin membuat ulang jangan mengurangi atau sepanjang waktu jadi saya akan memindahkan itu keluar

43
00:03:32,390 --> 00:03:34,720
dari sana seperti yang kita lakukan untuk komponen.

44
00:03:34,830 --> 00:03:41,190
Sekarang tentu saja karena fungsi peredam telah dihapus semua menghilangkan penggunaan mengurangi recall dari bahan

45
00:03:41,200 --> 00:03:43,830
J. S. dan pindahkan ke kursi HBP.

46
00:03:43,920 --> 00:03:46,840
Sekarang di dalam kait kustom saya di sini.

47
00:03:46,860 --> 00:03:49,220
Sekarang untuk menggunakan reuse reducer kita harus mengimpornya.

48
00:03:49,800 --> 00:03:54,450
Jadi mari kita impor menggunakan peredam dari reaksi.

49
00:03:54,450 --> 00:03:58,260
Kita tidak perlu mengimpor bereaksi sendiri di sini karena kita tidak membangun komponen reaksi di sini.

50
00:03:58,260 --> 00:04:00,820
Kami hanya ingin menggunakan beberapa fitur dari paket reaksi.

51
00:04:00,840 --> 00:04:03,170
Dalam hal ini gunakan peredam.

52
00:04:03,180 --> 00:04:08,340
Jadi di sini saya dapat membantu negara saya dan mengirimkan P yang saat ini tidak berguna tetapi kami akan sampai di

53
00:04:09,630 --> 00:04:10,140
sana sekarang.

54
00:04:10,140 --> 00:04:11,900
Permintaan itu sendiri.

55
00:04:12,060 --> 00:04:16,650
Mari kita pergi ke jazz bahan dan mari kita ambil salah satu dari permintaan ini mari kita ambil satu

56
00:04:16,650 --> 00:04:19,140
di mana kita menangani kesalahan di sini dan menghapus bahan.

57
00:04:19,140 --> 00:04:24,120
Saya akan mengambil seluruh blok ambil ini dengan semua itu dan menangkap blok sesudahnya.

58
00:04:24,270 --> 00:04:27,150
Potong dan tambahkan ke HBP Chase.

59
00:04:29,260 --> 00:04:37,120
Ini sekarang akan menjalankan HDD ini jika Anda meminta setiap kali komponen yang menggunakan menggunakan tayangan ulang HP.

60
00:04:37,150 --> 00:04:39,480
Yang pasti bukan yang kita inginkan di sini.

61
00:04:39,490 --> 00:04:46,810
Kami tidak ingin menjalankan ini sepanjang waktu alih-alih berdagang Anda berfungsi di sini di HDD penggunaan saya jika Anda menghubungkan yang saya akan

62
00:04:47,970 --> 00:04:50,270
nama kirim nama permintaan terserah Anda sekalipun.

63
00:04:51,350 --> 00:04:57,140
Dan itu adalah fungsi yang seharusnya mengirim permintaan agar tidak selalu dikirim.

64
00:04:57,140 --> 00:05:02,300
Saat menggunakan ATP dipanggil tetapi hanya saat permintaan kirim dipanggil yang saat ini tidak pernah terjadi tetapi kami

65
00:05:02,630 --> 00:05:03,550
akan segera melakukannya.

66
00:05:03,650 --> 00:05:07,480
Sekarang kirim permintaan tentu saja harus sedikit lebih fleksibel karena kami tidak

67
00:05:07,480 --> 00:05:13,730
selalu ingin mengirim permintaan untuk ini Anda L di sini sehingga Anda l mungkin sesuatu yang kita dapatkan dari luar.

68
00:05:13,820 --> 00:05:18,240
Hal yang sama untuk metode dan isi permintaan.

69
00:05:18,980 --> 00:05:24,470
Jadi di sini saya akan menghapus T U R L dan menggunakan argumen URL sebagai gantinya untuk metode.

70
00:05:24,500 --> 00:05:31,670
Saya akan menggunakan metode dan kita mungkin memiliki tubuh yang mana mendapatkan dan karena tidak ada

71
00:05:31,690 --> 00:05:38,610
salahnya di sini saya akan selalu menambahkan aplikasi tipe konten header Jason untuk mendapatkan permintaan.

72
00:05:38,610 --> 00:05:43,140
Anda tidak membutuhkannya tetapi tidak akan sakit dan untuk beberapa permintaan seperti permintaan pos kami membutuhkannya sehingga kami

73
00:05:43,140 --> 00:05:44,180
akan selalu menambahkannya.

74
00:05:44,250 --> 00:05:45,610
Sekarang kita memiliki usia yang fleksibel.

75
00:05:45,660 --> 00:05:53,130
Jika Anda meminta panggilan telepon yang tergantung pada data yang kami dapatkan dari luar yang akan

76
00:05:53,370 --> 00:06:00,410
meneruskan dan kemudian mengirimkan respons kami dan pada awalnya semua tindakan pengiriman dari tipe send.

77
00:06:00,480 --> 00:06:02,810
Jadi itulah kegenapan negara yang saya bicarakan.

78
00:06:02,850 --> 00:06:07,680
Kami berinteraksi dengan peredam kami di sini karena hook kustom ini pada akhirnya akan digunakan dalam

79
00:06:07,950 --> 00:06:11,380
komponen yang kemudian secara otomatis akan mendapatkan semua status itu.

80
00:06:11,400 --> 00:06:17,250
Jadi bisa dikatakan atau di mana keadaan ini akan terhubung dengan bereaksi secara otomatis.

81
00:06:17,270 --> 00:06:18,390
Jadi di sini kami kirim.

82
00:06:18,390 --> 00:06:20,430
Di sini kita mendapat respons.

83
00:06:20,530 --> 00:06:25,080
Sekarang tentu saja apa yang kita lakukan dengan respons namun dalam hal ini

84
00:06:25,080 --> 00:06:30,150
kita menghapus bahan yang bukan miliknya kait ini adalah sesuatu yang komponen yang menggunakan kait

85
00:06:30,390 --> 00:06:37,280
kita perlu melakukan kait harus hanya peduli tentang permintaan HDP bukan tentang apa kita lakukan dengan respons kita harus melihat bagaimana

86
00:06:37,280 --> 00:06:38,950
kita mengaturnya untuk kesalahan.

87
00:06:38,960 --> 00:06:48,440
Saya mengirimkan permintaan kesalahan ini tetapi bagaimana sekarang kita bisa mendapatkan kembali data respons dengan baik komponen yang menggunakan permintaan kita

88
00:06:48,800 --> 00:06:55,270
sendiri sementara kita dapat menambahkan sesuatu yang baru ke keadaan HBP kita di sini.

89
00:06:55,290 --> 00:07:00,210
Mari kita mulai dengan keadaan awal selain memuat kesalahan kita dapat memiliki beberapa data di sana yang

90
00:07:00,210 --> 00:07:00,890
awalnya tidak.

91
00:07:00,990 --> 00:07:09,630
Tetapi jika kita mendapatkan respons selain mengatur pemuatan ke kesalahan, saya katakan data sama dengan data respons titik tindakan misalnya kunci

92
00:07:09,660 --> 00:07:13,820
yang saya harapkan pada tindakan saat kami mengirim permintaan.

93
00:07:13,830 --> 00:07:19,310
Semua reset data ke null di sini sehingga ini pasti tidak setelah kami mengirim permintaan baru.

94
00:07:19,590 --> 00:07:20,840
Jadi saya mendapatkan data respons.

95
00:07:20,850 --> 00:07:22,670
Jika kita punya respons.

96
00:07:22,800 --> 00:07:29,400
Jadi di sini ketika kita memiliki respons saya akan benar-benar memotong ini dan mengembalikan respons Jason yang mengekstrak kita

97
00:07:29,400 --> 00:07:32,070
ke badan respons dan kemudian blok berikutnya.

98
00:07:32,070 --> 00:07:38,220
Saya mendapatkan data tanggapan saya mengekstraknya dan di sini saya mengirimkan tindakan tanggapan.

99
00:07:38,220 --> 00:07:46,110
Tapi sekarang kami menambahkan itu tindakan atau kasus ini di sini untuk mengekstrak semua data respons dari tindakan.

100
00:07:46,110 --> 00:07:52,980
Jadi kami akan menetapkan kunci data tanggapan kami pada tindakan yang kami kirimkan dan menyimpan data tanggapan saya yang kami

101
00:07:52,980 --> 00:07:57,960
dapatkan di sini berkat tanggapan Jason India, jadi itu sekarang menjadi bagian dari tindakan.

102
00:07:58,020 --> 00:08:03,300
Jadi sekarang yang penting adalah data yang kami dapatkan untuk permintaan yang kami kirim disimpan

103
00:08:03,300 --> 00:08:08,150
di negara kami di sini, itu bagus, tapi tetap saja itu bukan kail.

104
00:08:08,150 --> 00:08:14,930
Bagaimana kita sekarang menghubungkan kita ke komponen kita sementara seperti beberapa kait bawaan kait

105
00:08:14,930 --> 00:08:21,810
kita tentu saja dapat mengembalikan sesuatu jadi di sini di akhir kait saya akan mengembalikan array.

106
00:08:21,810 --> 00:08:23,450
Tetapi Anda tidak harus mengembalikan array.

107
00:08:23,460 --> 00:08:26,990
Anda selalu dapat mengembalikan objek di sini atau satu nomor.

108
00:08:27,000 --> 00:08:34,750
Apa pun kebutuhan kait Anda di sini, saya akan menggunakan array atau sebenarnya saya akan pergi dengan objek untuk menunjukkan bahwa

109
00:08:34,780 --> 00:08:38,240
Anda dapat mengembalikan hal-hal yang berbeda dari sekadar perlombaan.

110
00:08:38,410 --> 00:08:47,430
Dan dalam objek itu saya akan mengembalikan kunci pemuatan saya dan itu berasal dari negara HDP yang merupakan apa yang menggunakan peredam mengembalikan saya ke

111
00:08:47,440 --> 00:08:52,360
sini yang saya ekstrak di sini yang akan memiliki properti pemuatan dan properti Arab

112
00:08:52,360 --> 00:08:53,710
dan properti data.

113
00:08:53,710 --> 00:08:56,530
Jadi di sini memuat negara HDP.

114
00:08:56,530 --> 00:09:05,280
Kemudian kami memiliki data yang merupakan data status HDP dan kami memiliki kesalahan yang merupakan kesalahan status HDP.

115
00:09:05,330 --> 00:09:07,090
Jadi inilah yang sekarang dikembalikan oleh kait saya.

116
00:09:07,100 --> 00:09:09,470
Dan sekarang kita bisa menggunakan bahan pengait itu.

117
00:09:09,470 --> 00:09:11,020
J. S. Sana.

118
00:09:11,030 --> 00:09:13,520
Mari mengimpor menggunakan HDP.

119
00:09:13,550 --> 00:09:21,430
Dan di sini Anda juga memiliki dua Anda dapat menamainya apa pun yang Anda inginkan tetapi harus dimulai dengan penggunaan dari

120
00:09:23,010 --> 00:09:24,650
kait HDP seperti itu.

121
00:09:24,650 --> 00:09:29,300
Jadi sekarang saya ingin menggunakan HDTV dan sama seperti semua kait kami Anda harus menggunakannya di tingkat root.

122
00:09:29,330 --> 00:09:32,770
Jadi kita tidak bisa menggunakannya di sini di penangan bahan hapus.

123
00:09:32,770 --> 00:09:34,370
Itu tidak akan berhasil.

124
00:09:34,370 --> 00:09:43,590
Sebaliknya kita harus memanggil menggunakan Agen P di suatu tempat di sini seperti mati tapi tidak apa-apa karena menggunakan H2 PD tidak

125
00:09:43,590 --> 00:09:49,770
mengirim permintaan sebenarnya itu hanya mengatur logika untuk mengirim permintaan itu mengatur negara kita dan

126
00:09:49,770 --> 00:09:52,740
mengatur fungsi ini yang mengirim permintaan.

127
00:09:52,740 --> 00:09:56,070
Jadi kita mungkin harus mengembalikan fungsi itu juga.

128
00:09:56,130 --> 00:10:06,820
Jadi di objek ini saya mengembalikan semua permintaan kirim kembali pada saat itu di fungsi permintaan kirim.

129
00:10:06,870 --> 00:10:09,660
Jadi sekarang kita mengembalikan pegangan ke fungsi ini juga.

130
00:10:12,850 --> 00:10:19,690
Sekarang untuk render baca putih yang tidak perlu sudah semua impor menggunakan panggilan balik di sini dan

131
00:10:20,230 --> 00:10:28,010
bungkus permintaan kirim dengan menggunakan panggilan balik seperti ini dan tambahkan array kosong sebagai argumen kedua karena ini tidak

132
00:10:28,010 --> 00:10:31,340
memiliki dependensi eksternal sehingga baik seperti itu.

133
00:10:31,520 --> 00:10:36,710
Jadi mengirim permintaan dikembalikan dan itu tidak akan membuat ulang yang tidak perlu yang membantu kami mengoptimalkan

134
00:10:37,750 --> 00:10:42,590
pembangunan kembali dan sekarang dalam bahan J JSC dia HBP karena itu kembali usia kita.

135
00:10:42,660 --> 00:10:47,530
Jika Anda menolak apa pun yang Anda ingin menyebutnya pada akhirnya itu adalah

136
00:10:47,860 --> 00:10:56,740
objek di mana kita dapat menggunakan de structuring untuk menarik adalah memuat potensi kesalahan mendapatkan data yang kami dapatkan dan mengirimkan permintaan ini adalah

137
00:10:56,740 --> 00:11:00,550
empat hal yang dikembalikan empat properti di kami menghubungkan.

138
00:11:00,550 --> 00:11:06,280
Keempat properti dan dengan restrukturisasi objek yang saya gunakan di sini saya menarik mereka keluar

139
00:11:06,280 --> 00:11:08,330
dan menyimpannya dalam konstanta terpisah.

140
00:11:08,350 --> 00:11:17,770
Sekarang kita dapat menggunakan konstanta ini sehingga untuk saat ini atau komentar semua logika di sini kita akan memperbaikinya nanti dan di

141
00:11:17,770 --> 00:11:22,730
sini kita menggunakan HP berkata kesalahan dalam kode JS X kita.

142
00:11:22,730 --> 00:11:29,460
Saya hanya menggunakan penyebab kesalahan itulah salah satu hal yang menarik keluar dari hasil saya dari status penggunaan dan

143
00:11:29,460 --> 00:11:35,060
untuk memuat sementara itu hanya memuat dan hal lain yang saya tarik keluar dari mereka.

144
00:11:35,260 --> 00:11:42,310
Sekarang ketika kita sedang menghapus bahan di sini ide untuk pada akhirnya cukup gunakan kirim permintaan untuk mengirim

145
00:11:42,310 --> 00:11:53,390
permintaan ke URL dan itu tentu saja bahan gajah lainnya jadi ini Anda El jadi mari kita gunakan kembali trik di sini sebenarnya sehingga kita dapat menyuntikkan nilai-nilai

146
00:11:53,390 --> 00:12:00,260
kemudian memangkas bahan pada akhirnya kemudian tepat sebelum ide bahan dan kemudian dot mengejar itu URL maka metode

147
00:12:00,530 --> 00:12:08,070
adalah lead yang argumen kedua mengirim permintaan mengharapkan dan kita tidak memerlukan badan sehingga kita tidak bisa mengakui ketiga

148
00:12:08,070 --> 00:12:13,470
argumen sekarang permintaan kirim sekarang ketergantungan penggunaan callback karena permintaan kirim sebenarnya

149
00:12:14,620 --> 00:12:23,020
adalah hal yang kami kembali ke sini dari menggunakan HDP dan jika kami tidak akan membungkus permintaan kirim dengan menggunakan callback alih-alih

150
00:12:23,020 --> 00:12:29,020
menggunakan HDP ini sebenarnya akan berubah setiap kali komponen di mana kami menggunakan HP gunakan

151
00:12:29,050 --> 00:12:35,650
sehingga setiap kali bahan membuat dan karena itu mengirim permintaan akan mengubahnya pada setiap berani merek dan

152
00:12:35,920 --> 00:12:41,410
karena itu menghapus penangan bahan akan berubah dan kami akan kehilangan semua optimasi

153
00:12:41,440 --> 00:12:47,560
kami sejak e use use callback di custom hook kami, kami memastikan bahwa permintaan kirim

154
00:12:48,100 --> 00:12:54,310
tidak pernah berubah, kami dapat menambahkannya dengan aman karena ketergantungan di sini tidak akan berubah dan

155
00:12:54,520 --> 00:13:01,490
Dale untuk ini tidak akan membuat ulang fungsi ini secara tidak perlu dan karenanya optimisasi kami tetap utuh.

156
00:13:01,650 --> 00:13:09,670
Jadi sekarang kami mengirimkan permintaan ini di sini ketika kami mengklik hapus penangan bahan mari

157
00:13:09,670 --> 00:13:10,990
kita coba.

158
00:13:10,990 --> 00:13:17,750
Mari kita masuk ke sini dan klik ini dan Anda melihat kondisi pemuatan yang bagus.

159
00:13:18,120 --> 00:13:23,520
Sesuatu yang mengubah bahannya masih ada, tetapi yang cukup menarik pada firebase, memang sudah tidak

160
00:13:23,520 --> 00:13:30,210
ada lagi yang masuk akal karena kami telah mengirim permintaan dan itu bagus bahwa itu berhasil tetapi kami tidak memperbarui

161
00:13:30,270 --> 00:13:31,740
bahan-bahan kami di sini.

162
00:13:31,950 --> 00:13:33,780
Tentu saja itu hal selanjutnya yang harus kita lakukan.

163
00:13:33,780 --> 00:13:40,470
Kami belum selesai sepenuhnya. Kami memiliki kait kami untuk mengelola permintaan HDP tetapi untuk memperbarui data kami dan

164
00:13:40,740 --> 00:13:43,170
komponen bahan-bahannya, kami belum memiliki solusi.