1
00:00:02,110 --> 00:00:07,570
Maintenant, pour cela, j'installerai un paquet supplémentaire dans ce projet avec npm install --save

2
00:00:07,570 --> 00:00:09,390
et c'est Redux Thunk.

3
00:00:09,400 --> 00:00:15,430
C'est ce qu'on appelle un middleware Redux que nous pouvons appeler, qui nous permet de changer nos créateurs d'actions

4
00:00:15,520 --> 00:00:21,690
ici dans le dossier actions de telle sorte que nous pouvons réellement y faire des choses asynchrones, que nous

5
00:00:21,700 --> 00:00:28,620
pouvons gérer les effets secondaires là-bas afin que nous puissions par exemple envoyer HTTP demandes dans un tel créateur d'action et seulement

6
00:00:28,620 --> 00:00:30,580
une fois que les demandes

7
00:00:30,580 --> 00:00:35,080
HTTP sont effectuées, nous envoyons en fait une action au magasin Redux parce que

8
00:00:35,080 --> 00:00:41,500
c'est important, votre flux Redux en général doit être synchrone. Vous ne pouvez donc pas attendre la fin

9
00:00:41,500 --> 00:00:48,480
d'une action avant de mettre à jour votre état. Avec Redux Thunk, cela change, votre réducteur doit toujours être

10
00:00:48,550 --> 00:00:54,970
synchrone, donc aucun code asynchrone ne doit être ici mais votre créateur d'action peut maintenant être asynchrone, cela signifie que vous

11
00:00:54,970 --> 00:01:00,460
pouvez maintenant envoyer une demande dans le cadre de votre créateur d'action et une seule fois vous

12
00:01:00,460 --> 00:01:06,820
avez fini avec cela, vous envoyez réellement l'action au réducteur et vous le verrez dans la pratique dans une seconde,

13
00:01:06,820 --> 00:01:11,260
par exemple ici dans create product qui est la chose que je veux commencer.

14
00:01:11,410 --> 00:01:18,760
Cependant, pour utiliser cette nouvelle fonctionnalité, nous devons activer Redux Thunk et nous le faisons dans l'application. fichier js, là depuis Redux, vous devez importer

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

16
00:01:19,660 --> 00:01:27,780
le middleware et en plus, vous devez importer une nouvelle chose et c'est Redux Thunk, vous pouvez nommer cela

17
00:01:27,780 --> 00:01:33,060
comme vous voulez, depuis Redux Thunk. Encore une fois, cela peut être nommé

18
00:01:33,060 --> 00:01:37,620
comme vous le souhaitez, car nous utilisons l'exportation par défaut de ce package.

19
00:01:37,620 --> 00:01:43,440
Maintenant, vous l'utilisez dans create store, vous pouvez y analyser un deuxième argument et là,

20
00:01:43,440 --> 00:01:49,550
vous devez appeler apply middleware en tant que fonction et à cette fonction, passer Redux Thunk.

21
00:01:49,560 --> 00:01:55,500
Cela va maintenant permettre essentiellement ce package qui à son tour nous permet de faire cette chose différente dans le

22
00:01:55,500 --> 00:02:00,870
créateur d'action auquel je faisais référence et cette chose différente est maintenant ce que nous allons examiner ensuite.