1
00:00:02,110 --> 00:00:07,570
Sekarang untuk itu, saya akan menginstal satu paket tambahan dalam proyek ini dengan npm install

2
00:00:07,570 --> 00:00:09,390
--save dan itulah Redux Thunk.

3
00:00:09,400 --> 00:00:15,430
Itulah yang disebut Redux middleware yang dapat kita panggil, yang memungkinkan kita untuk mengubah pembuat tindakan

4
00:00:15,520 --> 00:00:21,690
kita di sini di folder tindakan sehingga kita benar-benar dapat melakukan hal-hal asinkron di sana, sehingga

5
00:00:21,700 --> 00:00:28,620
kita dapat menangani efek samping di sana sehingga kita dapat misalnya mengirim HTTP permintaan dalam pembuat tindakan seperti

6
00:00:28,620 --> 00:00:30,580
itu dan hanya sekali

7
00:00:30,580 --> 00:00:35,080
permintaan HTTP selesai, kami sebenarnya mengirimkan tindakan ke toko Redux karena itu

8
00:00:35,080 --> 00:00:41,500
penting, aliran Redux Anda secara umum harus sinkron. Jadi Anda tidak bisa menunggu beberapa

9
00:00:41,500 --> 00:00:48,480
tindakan untuk menyelesaikan sebelum Anda memperbarui negara Anda. Dengan Redux Thunk, perubahan itu, peredam Anda masih perlu disinkronkan,

10
00:00:48,550 --> 00:00:54,970
jadi tidak ada kode async yang harus ada di sini tetapi pembuat tindakan Anda sekarang dapat tidak sinkron, ini berarti

11
00:00:54,970 --> 00:01:00,460
bahwa Anda sekarang dapat mengirim permintaan sebagai bagian dari pembuat tindakan Anda dan hanya sekali Anda sudah

12
00:01:00,460 --> 00:01:06,820
selesai dengan itu, Anda benar-benar mengirimkan tindakan ke peredam dan Anda akan melihat ini dalam praktiknya dalam hitungan detik,

13
00:01:06,820 --> 00:01:11,260
misalnya di sini dalam membuat produk yang merupakan hal yang ingin saya mulai.

14
00:01:11,410 --> 00:01:18,760
Namun untuk menggunakan fitur baru ini, kita harus mengaktifkan Redux Thunk dan kita melakukan ini di aplikasi. File js, ada dari Redux, Anda perlu mengimpor

15
00:01:18,820 --> 00:01:19,660
berlaku

16
00:01:19,660 --> 00:01:27,780
middleware dan di samping itu, Anda perlu mengimpor hal baru dan itu Redux Thunk, Anda dapat memberi nama ini

17
00:01:27,780 --> 00:01:33,060
sesuai keinginan Anda, dari Redux Thunk. Sekali lagi ini bisa dinamai

18
00:01:33,060 --> 00:01:37,620
sesuai keinginan Anda karena kami menggunakan ekspor default paket itu.

19
00:01:37,620 --> 00:01:43,440
Sekarang Anda menggunakannya di create store, di sana Anda dapat mem-parsing argumen kedua dan

20
00:01:43,440 --> 00:01:49,550
di sana, Anda harus memanggil apply middleware sebagai fungsi dan ke fungsi itu, lewat Redux Thunk.

21
00:01:49,560 --> 00:01:55,500
Ini sekarang pada dasarnya akan mengaktifkan paket yang pada gilirannya memungkinkan kita untuk melakukan hal yang berbeda ini di

22
00:01:55,500 --> 00:02:00,870
pembuat tindakan yang saya maksudkan dan hal yang berbeda sekarang adalah apa yang akan kita lihat selanjutnya.