1
00:00:02,110 --> 00:00:07,570
Ahora para eso, instalaré un paquete adicional en este proyecto con npm install --save y

2
00:00:07,570 --> 00:00:09,390
ese es Redux Thunk.

3
00:00:09,400 --> 00:00:15,430
Ese es un llamado middleware de Redux al que podemos llamar, que nos permite cambiar nuestros creadores de acciones

4
00:00:15,520 --> 00:00:21,690
aquí en la carpeta de acciones de modo que podamos hacer cosas asincrónicas allí, que podamos manejar los efectos

5
00:00:21,700 --> 00:00:28,620
secundarios allí para que podamos, por ejemplo, enviar HTTP solicitudes en un creador de acciones de este tipo y solo una vez

6
00:00:28,620 --> 00:00:30,580
que se realizan las solicitudes

7
00:00:30,580 --> 00:00:35,080
HTTP, en realidad estamos enviando una acción a la tienda Redux porque eso es

8
00:00:35,080 --> 00:00:41,500
importante, su flujo de Redux en general debe ser sincrónico. Por lo tanto, no puede esperar a que

9
00:00:41,500 --> 00:00:48,480
se complete alguna acción antes de actualizar su estado. Con Redux Thunk, eso cambia, su reductor aún debe ser sincrónico,

10
00:00:48,550 --> 00:00:54,970
por lo que no debe haber ningún código asincrónico aquí, pero su creador de acciones ahora puede ser asíncrono, esto significa

11
00:00:54,970 --> 00:01:00,460
que ahora puede enviar una solicitud como parte de su creador de acciones y solo una vez Una

12
00:01:00,460 --> 00:01:06,820
vez que hayas terminado con eso, en realidad envías la acción al reductor y lo verás en la práctica en un

13
00:01:06,820 --> 00:01:11,260
segundo, por ejemplo, aquí en crear producto, que es con lo que quiero comenzar.

14
00:01:11,410 --> 00:01:18,760
Sin embargo, para usar esta nueva función, debemos habilitar Redux Thunk y lo hacemos en la aplicación. js, allí desde Redux, debe importar aplicar

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

16
00:01:19,660 --> 00:01:27,780
y, además, debe importar algo nuevo y eso es Redux Thunk, puede nombrarlo como

17
00:01:27,780 --> 00:01:33,060
quiera, desde Redux Thunk. Una vez más, esto se puede

18
00:01:33,060 --> 00:01:37,620
nombrar como desee porque estamos utilizando la exportación predeterminada de ese paquete.

19
00:01:37,620 --> 00:01:43,440
Ahora lo usa en create store, allí puede analizar un segundo argumento y

20
00:01:43,440 --> 00:01:49,550
allí, debe llamar a aplicar middleware como función y, a esa función, pasar Redux Thunk.

21
00:01:49,560 --> 00:01:55,500
Esto ahora básicamente habilitará ese paquete que a su vez nos permite hacer esta cosa diferente en el creador

22
00:01:55,500 --> 00:02:00,870
de acción al que me refería y esa cosa diferente es ahora lo que veremos a continuación.