1
00:00:02,110 --> 00:00:07,570
Agora, instalarei um pacote extra neste projeto com o npm install --save e

2
00:00:07,570 --> 00:00:09,390
é o Redux Thunk.

3
00:00:09,400 --> 00:00:15,430
Esse é o chamado middleware Redux que podemos chamar, o que nos permite alterar nossos criadores de

4
00:00:15,520 --> 00:00:21,690
ação aqui na pasta actions, para que possamos fazer coisas assíncronas lá, para que possamos lidar com

5
00:00:21,700 --> 00:00:28,620
efeitos colaterais para que, por exemplo, possamos enviar HTTP solicitações em um criador de ação e, somente depois que

6
00:00:28,620 --> 00:00:30,580
as solicitações HTTP forem

7
00:00:30,580 --> 00:00:35,080
concluídas, estamos enviando uma ação para o repositório Redux, porque isso é importante,

8
00:00:35,080 --> 00:00:41,500
em geral o fluxo do Redux precisa ser síncrono. Portanto, você não pode esperar que alguma

9
00:00:41,500 --> 00:00:48,480
ação seja concluída antes de atualizar seu estado. Com o Redux Thunk, isso muda, seu redutor ainda

10
00:00:48,550 --> 00:00:54,970
precisa ser síncrono, portanto, nenhum código assíncrono deve estar aqui, mas seu criador de ações agora pode ser assíncrono,

11
00:00:54,970 --> 00:01:00,460
isso significa que agora você pode enviar uma solicitação como parte do criador de ações e

12
00:01:00,460 --> 00:01:06,820
apenas uma vez pronto, você envia a ação para o redutor e verá isso na prática em um segundo,

13
00:01:06,820 --> 00:01:11,260
por exemplo, aqui em create product, que é o que eu quero começar.

14
00:01:11,410 --> 00:01:18,760
No entanto, para usar esse novo recurso, temos que habilitar o Redux Thunk e fazemos isso no aplicativo. No arquivo js, lá do Redux, você precisa importar

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

16
00:01:19,660 --> 00:01:27,780
middleware de aplicação e, além disso, é necessário importar uma coisa nova, que é o Redux Thunk, você pode nomear isso

17
00:01:27,780 --> 00:01:33,060
da maneira que quiser, do Redux Thunk. Novamente, isso pode ser nomeado

18
00:01:33,060 --> 00:01:37,620
como você quiser, porque estamos usando a exportação padrão desse pacote.

19
00:01:37,620 --> 00:01:43,440
Agora você usa isso em create store, lá você pode analisar um segundo argumento e,

20
00:01:43,440 --> 00:01:49,550
lá, você deve chamar apply middleware como uma função e, para essa função, passar Redux Thunk.

21
00:01:49,560 --> 00:01:55,500
Agora, basicamente, vamos habilitar o pacote que, por sua vez, nos permite fazer essa coisa diferente no criador de

22
00:01:55,500 --> 00:02:00,870
ações que eu estava me referindo, e que coisa diferente é agora o que veremos a seguir.