1
00:00:02,060 --> 00:00:04,750
Di mana Anda berhasil? Mari kita selesaikan bersama.

2
00:00:04,880 --> 00:00:11,600
Dan untuk itu mari kita pertama-tama berhenti dan mulai dan menginstal dua paket yang kita butuhkan apakah

3
00:00:11,600 --> 00:00:16,800
itu dash dasbor save dan kemudian itu membaca X dan bertindak kembali redux.

4
00:00:16,820 --> 00:00:22,480
Ini adalah dua paket yang perlu kita tekan enter untuk mengunduh dan menambahkannya ke folder modul simpul Anda.

5
00:00:22,550 --> 00:00:26,960
Dan setelah ini selesai, Anda dapat memulai kembali mulai NPM.

6
00:00:26,960 --> 00:00:32,870
Sekarang tentu saja kami ingin menggunakan paket-paket ini dan untuk itu pertama-tama buat folder baru

7
00:00:32,900 --> 00:00:39,670
di folder sumber saya folder toko dan kemudian di sana saya akan membuat peredam baru saya Doug sebagai jatuh.

8
00:00:39,800 --> 00:00:46,010
Saya tidak benar-benar perlu membagi ini menjadi beberapa produsen di sini karena kami hanya memiliki satu penambahan

9
00:00:46,010 --> 00:00:46,820
fitur orang.

10
00:00:46,830 --> 00:00:52,670
Jadi ada beberapa area berbeda di aplikasi ini yang akan kami gunakan dengan beberapa reduksi lagi.

11
00:00:52,730 --> 00:00:55,400
Setelah Anda mengerjakan proyek kursus lagi.

12
00:00:55,460 --> 00:01:04,070
Jadi ini adalah satu-satunya produsen yang kita tambahkan sekarang di sini bagaimana kita mengatur ini di musim gugur peredam.

13
00:01:04,100 --> 00:01:09,330
Saya ingin membuat status awal apakah ini keadaan yang kita mulai dengan aplikasi ini.

14
00:01:09,530 --> 00:01:15,500
Ini adalah objek javascript di mana kita memiliki array orang yang kosong sama seperti keadaan awal

15
00:01:15,500 --> 00:01:17,730
dalam wadah seseorang di sini.

16
00:01:17,940 --> 00:01:23,620
Kemudian kami memiliki fungsi produser kami dan saya akan menggunakan sintaks fungsi ESX.

17
00:01:23,700 --> 00:01:26,470
Anda tentu saja dapat juga menggunakan untuk menghapus lima sintaks.

18
00:01:26,730 --> 00:01:29,980
Anda semua disebut sebagai produser dan kami mendapatkan dua hal.

19
00:01:30,000 --> 00:01:35,820
Kami mendapatkan status dan kami mendapatkan tindakan yang dikirim dan status awalnya

20
00:01:35,820 --> 00:01:37,770
diatur ke status awal.

21
00:01:37,770 --> 00:01:45,720
Sekarang di dalam Daedra untuk digunakan untuk fungsi, sekarang tambahkan pernyataan switch di mana saya mengganti properti tipe pada

22
00:01:45,720 --> 00:01:46,820
tindakan saya.

23
00:01:46,830 --> 00:01:54,770
Saya menerima dan ingat mengetik bukan opsional Anda dapat mengubah nama jenis ini diharapkan oleh paket redux.

24
00:01:55,200 --> 00:02:00,470
Dan kemudian saya ingin melakukan berbagai hal untuk menambah dan menghapus pengguna sebelum saya memilikinya.

25
00:02:00,500 --> 00:02:02,840
Saya akan mengekspor peredam saya di sini.

26
00:02:02,880 --> 00:02:07,020
Ekspor ini sebagai default file ini.

27
00:02:07,040 --> 00:02:12,200
Sekarang untuk tindakan semua buat ikuti tindakan dodgiest.

28
00:02:12,230 --> 00:02:13,740
Ini opsional.

29
00:02:13,760 --> 00:02:15,940
Anda juga bisa bekerja dengan string hardcoded.

30
00:02:15,940 --> 00:02:23,540
Saya melakukan kebakaran tetapi untuk mengurangi risiko salah ketik semua ekspor UCD di Konstans dan tindakan jatuh.

31
00:02:23,840 --> 00:02:28,940
Saya akan punya satu untuk menambahkan seseorang dan Anda dapat memberi nama ini apa pun yang Anda inginkan.

32
00:02:29,060 --> 00:02:38,590
Saya akan memberikannya pengenal orang ADD dan satu untuk menghapus orang karenanya juga mendapatkan pengidentifikasi

33
00:02:38,590 --> 00:02:40,290
orang tersebut.

34
00:02:40,360 --> 00:02:42,010
Itu semua dalam tindakan saya.

35
00:02:42,020 --> 00:02:43,290
J. S. jatuh.

36
00:02:43,450 --> 00:02:54,220
Saya sekarang dapat mengimpor ini di peredam saya Jadi di sana atau mengimpor segala sesuatu dari tindakan jatuh sebagai jenis tindakan dari tindakan

37
00:02:54,820 --> 00:03:01,400
slash dan kemudian saya ingin memeriksa dua kasus berbeda yang akan saya miliki.

38
00:03:01,670 --> 00:03:11,690
Saya akan memiliki kasus bahwa saya memiliki jenis tindakan secara langsung ketika mengembalikan keadaan saya yang diperbarui di sini.

39
00:03:11,990 --> 00:03:16,790
Saya kemudian akan memiliki kasus bahwa kita memiliki jenis tindakan.

40
00:03:16,850 --> 00:03:31,420
Hapus orang dan kembalikan status pembaruan saya ke Anda dan dalam semua kasus saya ingin mengembalikan status lama saya.

41
00:03:31,420 --> 00:03:39,280
Jadi itu pada akhirnya tidak di dalam tetapi di luar pernyataan switch karena itu sekarang dengan ini mengatur

42
00:03:39,280 --> 00:03:41,660
peredam semacam selesai dengan baik.

43
00:03:41,680 --> 00:03:45,950
Kami tidak melakukan apa-apa dengan peristiwa orang yang dihapus iklan kami di sini.

44
00:03:46,210 --> 00:03:54,280
Tetapi ada sesuatu yang akan saya tambahkan segera sebelum saya tambahkan, izinkan saya menambahkan atau menghubungkan reaksi ulang saya kepada Anda untuk menyatakan.

45
00:03:54,380 --> 00:04:02,590
Jadi dalam indeks ya jatuh saya akan mengimpor dua hal saya akan mengimpor sesuatu dari pembaca X dan saya

46
00:04:02,590 --> 00:04:05,320
akan mengimpor sesuatu dari re-act relax.

47
00:04:05,320 --> 00:04:16,920
Apakah Anda tahu apa yang baik dari bersantai itu membuat toko dan dari re-act redux.

48
00:04:17,170 --> 00:04:27,610
Ini hanya komponen penyedia sekarang semua membungkus komponen aplikasi root saya dengan komponen penyedia saya di sini dan kemudian saya

49
00:04:28,330 --> 00:04:30,460
harus membuat cerita saya.

50
00:04:30,820 --> 00:04:37,420
Jadi buat toko konstan baru mungkin atau apa pun yang Anda ingin beri

51
00:04:37,420 --> 00:04:48,960
nama dan jalankan buat cerita dan untuk membuat toko saya harus melewati produser saya jadi impor import saya di sini reducer dari

52
00:04:49,600 --> 00:04:51,460
slash store reducer.

53
00:04:51,510 --> 00:04:55,590
Inilah yang sekarang harus dibuat toko.

54
00:04:55,720 --> 00:04:59,610
Sekarang dengan masa lalu aplikasi kita umumnya terhubung.

55
00:04:59,640 --> 00:05:03,720
Dan kami mendapat toko yang dibuat oleh paket redux.

56
00:05:03,720 --> 00:05:08,600
Sekarang tentu saja kita perlu mengisi produser kita dengan kehidupan.

57
00:05:08,730 --> 00:05:12,250
Kami sudah memiliki logika dalam wadah pribadi kami.

58
00:05:12,570 --> 00:05:20,430
Semua menyingkirkan estate di sana tetapi saya dapat mengambil logika dari orang yang menambahkan penangan dan orang yang

59
00:05:20,430 --> 00:05:21,370
dihapus penangan.

60
00:05:21,390 --> 00:05:23,670
Saya akan memasukkannya ke peredam saya.

61
00:05:23,970 --> 00:05:27,850
Jadi, orang Anda menambahkan saya membuat orang baru.

62
00:05:28,050 --> 00:05:31,350
Dan tidak, saya tidak menelepon negara mengatakan.

63
00:05:31,350 --> 00:05:36,700
Sebaliknya di sini saya mengembalikan salinan negara lama saya di sini.

64
00:05:36,840 --> 00:05:40,370
Secara teoritis itu tidak diperlukan karena kita hanya memiliki properti orang tersebut.

65
00:05:40,380 --> 00:05:44,630
Tetapi bayangkan Anda memiliki lebih banyak properti yang tidak ingin Anda bunuh.

66
00:05:44,640 --> 00:05:53,650
Jadi salin semua properti dan kemudian timpa properti orang tersebut dengan orang negara.

67
00:05:53,850 --> 00:06:02,690
Dan sekarang gabungkan orang baru itu seperti yang kita lakukan sebelumnya secara lokal di komponen wadah.

68
00:06:02,700 --> 00:06:07,410
Dan sekarang saya tidak bisa menghilangkan keadaan sedih ini di sini dan produsernya tentu saja tidak masuk akal di sini.

69
00:06:07,410 --> 00:06:15,300
Sekarang saya hanya perlu orang baru yang saya hubungi orang saya sehingga menciptakan array baru yang menggantikan maaf

70
00:06:15,300 --> 00:06:17,030
orang tua itu.

71
00:06:17,430 --> 00:06:23,810
Sekarang untuk orang yang dihapus saya juga dapat menyalin logika dari sana.

72
00:06:23,810 --> 00:06:31,400
Sebenarnya saya tidak bisa hanya menyalin logika folder di sini kembali ke produser dan kemudian mengembalikan salinan

73
00:06:31,400 --> 00:06:38,780
properti negara lama saya dan orang Zeff sama dengan orang negara dan sekarang ganti folder.

74
00:06:38,780 --> 00:06:45,870
Panggil sekarang di sini saya berharap untuk mendapatkan ide dari orang yang harus dihapus dan saya berharap kita mendapatkan

75
00:06:45,870 --> 00:06:47,430
ini pada tindakan saya

76
00:06:47,520 --> 00:06:54,800
Jadi tindakan per sumpah semua harus memastikan bahwa kami melewati ID ini bersama dengan tindakan ketika kami

77
00:06:54,810 --> 00:06:55,540
mengirimkannya.

78
00:06:56,190 --> 00:07:03,370
Itulah produsen yang sudah selesai dengan itu dalam komponen wadah kita bisa menghapus orang yang ditambahkan

79
00:07:03,390 --> 00:07:06,230
handler dan hadir menghapus handler itu.

80
00:07:06,810 --> 00:07:09,590
Sekarang di sini seseorang menambahkan klik.

81
00:07:09,840 --> 00:07:17,460
Kami sekarang ingin mengirimkan tindakan kami, jadi pertama-tama mari kita impor tindakan jadi impor semuanya sebagai jenis tindakan

82
00:07:17,490 --> 00:07:22,220
atau apa pun yang Anda ingin beri nama dari folder toko.

83
00:07:22,230 --> 00:07:24,840
Dari file tindakan di sana.

84
00:07:25,020 --> 00:07:26,190
Seperti itu.

85
00:07:26,700 --> 00:07:31,020
Dan sekarang dengan itu saya dapat membuat dua konstanta baru ini.

86
00:07:31,080 --> 00:07:40,350
Status negara bagian 2 alat peraga untuk mendapatkan akses ke negara saya dan peta pengiriman ke alat peraga untuk mendapatkan

87
00:07:40,680 --> 00:07:45,820
akses tindakan untuk ini mengirimkan fungsi pengiriman dan dapat mengirimkan tindakan.

88
00:07:45,920 --> 00:07:53,010
Saya akan mulai dengan memetakan States to prop's saat Anda mempelajari ini mengharapkan untuk memegang fungsi yang akan

89
00:07:53,010 --> 00:07:59,830
menerima status sebagai input yang diteruskan ke fungsi secara otomatis oleh redux dan di fungsi body.

90
00:07:59,830 --> 00:08:11,640
Di sini kita harus mengembalikan objek javascript tempat kita memetakan sepotong status X kita ke sesuatu yang akan dapat kita

91
00:08:11,640 --> 00:08:16,860
akses sebagai properti dalam wadah atau komponen kita.

92
00:08:16,860 --> 00:08:20,600
Jadi saya ingin katakan saja properti P R S.

93
00:08:20,670 --> 00:08:25,140
Anda bisa menamainya orang atau hanya tidak menyebutkannya seperti ini untuk membuatnya sangat jelas bahwa

94
00:08:25,140 --> 00:08:27,210
itu tidak sama dengan negara kita.

95
00:08:27,210 --> 00:08:33,960
Jadi PS bisa dipetakan ke negara dan ada orang properti.

96
00:08:33,960 --> 00:08:40,260
Sekarang di sini Anda harus memastikan bahwa Anda tentu saja mengeja nama properti di

97
00:08:40,460 --> 00:08:48,530
sini persis seperti yang dieja dalam peredam Jadi jika itu kita mendapatkan akses ke orang-orang dalam komponen kontainer kami.

98
00:08:48,900 --> 00:08:55,260
Sekarang untuk memetakan halaman ini ke alat peraga kita semua menyimpan fungsi dalam konstanta

99
00:08:55,260 --> 00:09:04,910
ini sebuah fungsi yang menerima fungsi pengiriman sebagai input dan kemudian di sini kita semua objek kembali di mana kita memetakan alat peraga

100
00:09:04,910 --> 00:09:06,830
untuk mengirimkan eksekusi fungsi.

101
00:09:07,310 --> 00:09:14,680
Dan di sini saya memetakan properti saya untuk menambahkan orang dan menghapus orang.

102
00:09:14,790 --> 00:09:22,400
Jadi mungkin pada iklan seseorang bisa menjadi fungsi anonim tempat saya menyebut tambalan ini pada akhirnya.

103
00:09:22,780 --> 00:09:33,120
Dan sekarang saya mengirim tipe tindakan add person dan saya akan menambahkan prop lain pada orang yang dihapus di sini.

104
00:09:33,170 --> 00:09:37,120
Saya juga mengirim jenis tindakan.

105
00:09:37,380 --> 00:09:43,500
Hapus orang tetapi di sini saya juga harus melewati muatan dan umumnya penting.

106
00:09:43,500 --> 00:09:48,640
Ini harus menjadi objek javascript sehingga Anda tidak hanya meneruskan string sebagai argumen.

107
00:09:48,720 --> 00:09:53,070
Anda melewatkan objek javascript dengan jenis string kematian.

108
00:09:53,160 --> 00:09:59,820
Itu adalah kesalahan umum yang Anda salah set untuk mengetik di sini di objek javascript dan jenis

109
00:09:59,820 --> 00:10:06,270
itu adalah jenis tindakan Anda masih untuk menghapus seseorang hanya melewati jenis itu tidak cukup.

110
00:10:06,270 --> 00:10:08,750
Kita juga harus melewati ide yang termiskin.

111
00:10:08,760 --> 00:10:09,870
Kami ingin menghapus.

112
00:10:10,530 --> 00:10:19,110
Jadi saya berharap untuk mendapatkannya id sebagai argumen dalam fungsi ini sehingga saya bisa meneruskan apa pun yang saya

113
00:10:19,120 --> 00:10:28,620
harapkan dalam peredam dalam ide kasus orang ini sebagai properti pada tindakan sehingga saya lulus per ID di sini dengan menetapkan

114
00:10:28,620 --> 00:10:34,620
properti itu di objek pengiriman sama dengan ID yang saya terima di sini.

115
00:10:34,950 --> 00:10:42,660
Dan sekarang kita hanya perlu menggunakannya dengan benar dalam kode komponen GSX kami untuk menambahkan ketekunan dan sederhana

116
00:10:42,830 --> 00:10:43,910
hanya dijalankan.

117
00:10:43,950 --> 00:10:49,430
Alat peraga ini dan sebagainya ditambahkan orang untuk dihapus.

118
00:10:49,590 --> 00:11:00,240
Saya masih akan menggunakan fungsi anonim seperti yang kami lakukan sebelumnya untuk Den X-ists dis prop's pada orang yang dihapus dan

119
00:11:00,240 --> 00:11:06,290
masih menekan ID penjara sebagai argumen sehingga mencapai disfungsi di sini.

120
00:11:06,300 --> 00:11:10,390
ID ini dan kami dapat mengirimkannya dengan mati.

121
00:11:10,400 --> 00:11:12,780
Kami mengelola semuanya dari Rydex.

122
00:11:12,920 --> 00:11:18,960
Kami menghubungkan fungsi pengiriman dengan alat peraga dan negara bagian kami.

123
00:11:19,390 --> 00:11:27,700
Sekarang mari kita lihat apakah itu berfungsi yang menyelamatkan semua yang salah dan kita melihat bahwa kita dibawa orang membaca knol.

124
00:11:28,050 --> 00:11:32,440
Jadi di negara kita, kita gagal membaca ini.

125
00:11:32,640 --> 00:11:40,550
Yah alasannya tentu saja dalam komponen wadah untuk orang yang saya petakan di sini masih merujuk pada

126
00:11:40,560 --> 00:11:42,300
orang negara ini.

127
00:11:42,430 --> 00:11:45,150
Itu tidak ada lagi kami menghapus ini.

128
00:11:45,150 --> 00:11:49,840
Sebaliknya, kita harus mengambil argumen ini pada prop bukan pada negara.

129
00:11:49,950 --> 00:11:54,490
Jadi alat peraga PR S ini sekarang benar.

130
00:11:54,660 --> 00:11:59,640
Sekarang dengan ayah jika kita menyimpannya dan kita kembali kita memuat ulang aplikasi.

131
00:11:59,960 --> 00:12:03,770
Kami masih mendapatkan kesalahan atau Anda tahu mengapa kami

132
00:12:06,770 --> 00:12:11,830
mendefinisikan status peta dengan baik untuk alat peraga dan pengiriman peta ke alat peraga.

133
00:12:11,840 --> 00:12:14,320
Tapi apa yang tidak kita lakukan.

134
00:12:14,330 --> 00:12:17,800
Kami tidak memberi tahu komponen kami tentang konstanta ini.

135
00:12:18,020 --> 00:12:22,030
Hanya menambahkan konsep seperti ini tidak ada artinya.

136
00:12:22,490 --> 00:12:32,080
Kita perlu menghubungkan komponen kita ke negara kita dengan DS ke konstanta dengan fungsi DS ke konstanta pada

137
00:12:32,080 --> 00:12:40,490
akhirnya sebagai argumen dan untuk itu Anda akan belajar bahwa kita dapat mengimpor sesuatu dari

138
00:12:40,490 --> 00:12:45,040
re-act read X dan bahkan sesuatu ini dinamai.

139
00:12:45,040 --> 00:12:46,540
Menghubung.

140
00:12:46,640 --> 00:12:55,250
Jadi kami mengimpor fungsi koneksi dari re-act redux dan kemudian kami menambahkannya di sana ke ekspor dan

141
00:12:55,250 --> 00:12:58,020
melewati status peta ke properti.

142
00:12:58,220 --> 00:13:09,290
Jadi konstanta ini di sini sebagai argumen pertama dan kemudian memetakan pengiriman ke prop. Jadi argumen ini di sini konstan

143
00:13:09,320 --> 00:13:10,460
di sini.

144
00:13:11,320 --> 00:13:18,280
Rops sebagai argumen kedua dan kemudian Anda mengetahui bahwa terhubung dengan dua argumen ini mengembalikan fungsi

145
00:13:18,730 --> 00:13:23,880
yang juga kami jalankan dan tempat kami meneruskan komponen orang tersebut.

146
00:13:24,190 --> 00:13:27,880
Dan sekarang dengan itu kita terhubung wadah kami.

147
00:13:28,300 --> 00:13:35,560
Tetapi jika kita kembali ke file indeks, Anda akan melihat bahwa begitu kami membungkus komponen aplikasi kami dengan

148
00:13:36,100 --> 00:13:39,370
penyedia dan kami membuat toko dengan create store.

149
00:13:39,370 --> 00:13:46,660
Kami tidak pernah membuat langkah terakhir melewati pintu kematian ke penyedia karena tentu saja itu berasal dari dua

150
00:13:46,660 --> 00:13:52,450
paket yang berbeda sehingga kami harus membuat koneksi itu dan kami melakukannya dengan

151
00:13:52,510 --> 00:14:00,010
menambahkan properti toko pada penyedia dan mengaturnya sama dengan konstanta toko yang memegang referensi ke toko yang kami buat

152
00:14:00,010 --> 00:14:01,370
dengan create store.

153
00:14:01,810 --> 00:14:09,190
Dan sekarang dengan itu jika kita menyimpan semua file kita memiliki aplikasi yang berjalan lagi di mana kita

154
00:14:09,190 --> 00:14:15,880
dapat mengklik pada orang dan menghapus orang dan seperti yang Anda lihat menghapus yang benar.

155
00:14:16,000 --> 00:14:17,890
Jadi tugas itu diselesaikan.

156
00:14:18,070 --> 00:14:21,210
Sedikit redux dan ulangi praktik reduks.