Resumo do Vídeo sobre Configuração do Redux com Redux Thunk

O vídeo passado a gente configurou Redux e está quase tudo configurado, é certo que a gente não configurou nenhum Merylware, né? Se você viu meus vídeos de introdução Redux, naquela série de vídeos eu usei o Redux Promise para lidar com pedidos acíncronos. Os HTP acíncronos quando enviar a ação do Action Creator. Nesse caso a gente vai fazer, vai usar outro Merylware, chamada Redux Thunk, tá bom? A gente vai usar Redux Thunk, porque se você lembra Action Creators, os Action Creators têm que retornar a uma Action, uma ação. Mas no caso aqui a gente vai fazer um pedido acíncrono ao Firebase e vai demorar um pouquinho para receber resposta. E como a gente vai precisar saber se deu certo a autenticação ou se não deu certo, a gente vai ter que fazer um Action Creator que seja acíncrono, né? E como a gente só pode retornar uma Action, isso não vai dar certo, então a gente vai usar o Redux Thunk. Redux Thunk vai permitir você retornar uma função do Action Creator em vez de só um objeto de ação, tá bom? A gente vai ver como é que é isso depois, mas agora a gente só está configurando, então não se preocupe se você não entendeu ainda, tá bom? Para configurar o Redux Thunk, eu só vou importar a função Apply Metalware, tá bom? Que é parte do Redux. Então como a gente vai fazer isso? É simples, vai importar do Modo Redux Apply Metalware, somente isso. E para aplicar ou adicionar esse Metalware à sua Store, a sua aplicativa, basta a Go na Create Store e dá mais argumentos. Nesse caso, o primeiro argumento é o Reducer, o segundo argumento vai ser o Estado Inicial que não precisa, então vou botar o objeto vazio. Agora o terceiro argumento é o Apply Metalware, Apply Metalware, mas qual é o Metalware que a gente quer? É o Redux Thunk, tá bom? Mas esse cara a gente ainda não tem, então precisamos instalar o módulo e importar. Então vamos lá, vou ao meu terminal, vou dar uma limpeza aqui, o que é que eu vou fazer? NPM, install, vou salvar no meu Dependence, vai ser Redux Thunk. Então vamos esperar um pouquinho, a instalar o módulo Redux Thunk, que é o Metalware que é o Redux. Vamos aqui no meu package, .json, JSON, tá aqui adicionado as Dependences, Dependences, Dependency, Redux Thunk, versão 2.1, tá bom? Eu sempre falo as versões porque o software vai ter versões novas e às vezes essas versões novas, algumas coisas mudam, às vezes drasticamente, que faz tudo não funcionar na nova versão, então se você tiver problema por favor instale essa versão que eu estou usando. Se você não sabe fazer isso, NPM install e sempre você pode adicionar a versão com o valor arroba, arroba, versão por exemplo 2.1.0, deixa eu aumentar aqui para você ver. Então se você tiver algum problema instale a versão que eu também instalei, nesse caso 2.1.0 usando a arroba e o número da versão, depois do nome do módulo, tá bom? Isso, assim. Tá bom? Vamos continuar. Instalei o Redux Thunk, vamos importar dentro, vamos voltar a app, vamos importar o Redux Thunk agora, eu vou adicionar import, Redux Thunk. Mas não tem esses caros aqui, porque é o módulo Redux Thunk, a gente quer importar o módulo, não queremos importar um objeto que está dentro do módulo, então não precisa distruturar nada, Redux Thunk. Agora esse cara vai estar disponível, então pode usar aqui, definimos, e apply middle air que veio do Redux, tá bom? Então é só isso para configurar e apply, aplicar esse middle air Redux Thunk, salvar, vamos ver se não deu pau aqui. Tudo ok no iOS, também no Android, cadê meu simulador da RR aqui? Tá bom, tudo ok?