A implementação básica do nosso aplicativo está completa, embora que haja muitas coisas a melhorar. Neste vídeo, nós vamos focar em um aspecto que a gente ainda não lhe deu, que é a validação do formulário de criar ou editar um novo post. De caso, você note aqui que nós se apertamos OK com o formulário vazio, vai criar um novo post aqui embaixo sem nenhum conteúdo. Nós não queremos que isso seja permitido, então nós iremos adicionar a validação a este formulário aqui. Antes de pular para código, vamos lá uma olhada no nosso design aqui, que é as mudanças que a gente vai fazer, as novidades, feature. Então, primeiramente, o botão de OK de enviar esse formulário tem que ser desabilitado se o conteúdo e o título estiverem em base. Então, por causa disso, esse campo de título e de conteúdo terão que ser validados e eles são requeridos. Está bom? Isso significa que ele precisa ter pelo menos um caractere. Outra validação que vamos adicionar é o limite de caracteres para cada campo. Nesse caso, eu vou dar o limite para 40 caracteres para o título e 512 caracteres para o conteúdo. Esse número é arbitrário e você pode escolher qualquer limite. E para o usuário, para entender o que aconteceu, que o formulário que ele não vai conseguir enviar, nós vamos adicionar uma mensagem de erro aqui debaixo de cada campo de texto. Uma mensagem com um texto em vermelho, certo? Vai indicar ao usuário do aplicativo que houve um erro na submissão do formulário e com explicação que permitirá entender como corrigir. Também vamos fazer o background, o cor do fundo de cada campo de texto vermelho para que o usuário visualize melhor os campos que estão inválidos, certo? Tudo ok? Então vamos aqui pensar um pouco como a gente vai fazer tudo isso. Nós estamos usando o Ubridux para manter o estado do nosso aplicativo. Então nós vamos precisar sempre fazer aquele mesmo passo a passo do Ubridux que é chamar o Action Creator que retorna uma ação. Essa ação será despachada a todos os reducers. Um dos reducers vai se importar com o tipo de ação e vai retornar ao novo estado que terá as mudanças. Nesse caso vai ser o erro. Então para um dia que a chamada para o Action Creator vai acontecer, você note que quando você digita alguma coisa, por exemplo, na caixa aqui do título, ele chama aquela função chamada onChange. Nesse caso eu acho que era onTitleChange. Vamos aqui, por exemplo, postEdit tem essa função onTitleChange. Certo? Então toda vez que hoje digita cada caracter que você digita essa função aqui é chamada. Então nessa função nós vamos validar em tempo real o formulário. Se o usuário digitar alguma coisa vai chamar essa função. Então a gente vai checar, obviamente vai ter alguma coisa que ele digitou ou ele pode ter deletado tudo o conteúdo. No caso dele deletar todo o conteúdo. Nós vamos checar o título e o título vai ser uma string vazia. Então nesse caso vai ser inválido, caso inválido. Então a gente vai chamar o Action Creator para mudar o erro, adicionar um erro ao estado do Redux, certo? O erro no título. E por causa disso vai ter a propriedade no estado do aplicativo que é o titleError, erro do title. Essa propriedade vai fazer com que esse campo aqui se torne vermelho e a mensagem que aparece, mensagem de erro, vai aparecer embaixo da caixa de texto do título, certo? Assim que nós vamos prosseguir, vamos também desabilitar o botão baseado no se tiver algum erro no estado do aplicativo. Obviamente estamos fazendo a mesma coisa para o conteúdo, certo? Seguindo a mesma linha de raciocínio. Certo? Espero que tenham entendido o que nós vamos fazer nos próximos vídeos, a validação de formulário. Então, preparado? Então até o próximo vídeo.