Resumo do Transcrito

Então agora a gente precisa pensar como é que tipo de dados a gente vai armazenar no estado do Redux, né? Nesse caso a gente tem a cena de login, a gente tem que digitar o email e digitar o acenha, né? Então vai ter que armazenar o email, armazenar a senha, tá bom? Então eu só vou botar aqui como objeto o que a gente quer que esteja no estado do Redux. Nesse caso eu vou chamar isso de offReduce, alguma coisa assim. E quando chamá-lo vai retornar o estado, essa peça de estado vai ser esse cara. Então vai ter o email, né? Initializar para vazio, também vai ter password, a senha, ah fica auto capitalizando, vai ser inicialmente vazio. Então esse é o estado inicial que a gente vai ter. E quando a gente digitar alguma coisa aqui, a gente vai chamar um action creator, tá bom? É importante esse detalhe, quando a gente digita qualquer coisa, por exemplo no email, vai chamar a função action creator que vai mandar uma ação dizendo para o reducer que a gente modificou o email. Então reducer vai retornar o novo estado com qualquer coisa que você digitou. Por exemplo, se eu digitei, sei lá, alguém, eu estou digitando e enquanto a gente estiver digitando, o reducer vai ficar mandando o novo estado. Cada caracter que eu digito vai ser enviado de novo, por exemplo, eu digito alguém, arromba em, esse cara vai mandar aqui, quando eu estou digitando lá no formulário, por exemplo, aqui, formulário, eu digito isso aqui, esse cara vai ser enviado pelo action creator, vai ser uma ação que vai ser enviada a todos os reducers, mais isso é off reducer, vai ser um que vai lidar com isso e vai a enviar o novo estado com o email, se alguém arromba em. E quando eu digitar a, a mesma coisa vai acontecer, esse cara vai ser enviado via uma ação e o reducer vai pegar a ação e vai atualizar esse email. Na verdade, vai criar um novo estado com o letra a, avogado, adicionado, tá bom? E na maneira que a gente vai digitar, vai ficar mandando e vai ficar atualizando e mandando esse novo estado que vai ser injetado ao componente, é bom? Mesma coisa para o password, para a senha, vai ter outra função, outro action creator, né? Quando eu falar action creator, eu vou referir a isso, é bom? Que vai mandar action, sempre retorno a action, e se eu digitar o password assim, se eu usar um, vai mandar para, vai chamar action creator, por exemplo, mude o password, mude a senha, e vai ser mandado como action, o reducer vai receber essa action e vai mandar o novo estado com o password atualizado para 1. E a maneira que eu digito, vai fazer a mesma coisa, mesmo processo, vai ficar mandando de 3, vai aparecer, vai atualizar aqui 3 e assim por diante, tá bom? É claro que vai ter também erro se a gente não for autenticado, nesse caso, depois a gente vai adicionar error, mensagem de erro, e também talvez uma loading para dizer que a gente está carregando, ainda está esperando a resposta do servidor, tá bom? Nesse caso, vai ser false, true or false, nesse caso, vou estar em Defines, alguma coisa assim, não depende, tá bom? Então vamos lá e começa a fazer isso. Vou fazer vou ao primeiro e vou ao reducer aqui. Eu vou começar do reducer, você poderia começar da action creator, vou começar do reducer, tá bom? Eu vou criar um arquivo chamado of reducer.js, tá bom? Reducer é só uma função, então você só precisa export default uma função, tá bom? Eu posso botar function ou qualquer coisa, pode usar a função em flash, tá bom?