IMERSÃO REACT AULA 04

IMERSÃO REACT AULA 04: CRIANDO NOSSOS PRÓPRIOS HOOKS

Y2Mate.is - Aula 4 - Imersão React-6hBZo9UR-k0-720p-1654050825168.mp4

AULA 04: CRIANDO NOSSOS PRÓPRIOS HOOKS

Links, dicas e notas de aula

Boas-vindas! Mergulhe fundo na quarta aula da Imersão React!

Agora é hora de criarmos nossos próprios Custom Hooks! Vamos trabalhar com um formulário que possui múltiplos campos e mostrar como você pode tirar vantagens dos recursos do React para deixar seu código mais declarativo.

Resumo da aula

Importamos os estilos que criamos;
Começamos a trabalhar com formulários;
Vimos que lidar com Forms e State pode ser complexo;
Vimos como criar Custom Hooks.

Código da Aula

Clique aqui para acessar o código completo da aula. Basta ir olhando os diffs, onde as linhas vermelhas são o que alteramos e as verdes o que adicionamos.
Colinha do DevSoutinho.
Importante: todo código está no diff, basta olhá-lo ou navegar no projeto através deste link.

Vitrine.dev

Compartilhe seu projeto na Vitrine.Dev! Um espaço especial expor os seus projetos e conquistar novas oportunidades profissionais.

Mostre as suas áreas de interesse, projetos e cursos concluídos em uma vitrine que vai encantar nossas empresas parceiras.

A Vitrine é aberta para todas as pessoas compartilharem seus projetos.

Links citados

Desafios

No momento do cadastro, pegar o ID do vídeo separadamente da URL com uma função e ter a URL da imagem de Thumbnail do YouTube, você pode:
- Procurar no NPM.
- Procurar no Google.
- Tentar você mesmo!
Adicionar o preview dessa imagem do desafio anterior na tela.
Adicionar validações de formulário.
- Campo está required?
- Campo tem ao menos X caracteres?
- Exibir mensagem com o erro que aconteceu.
Se inspirar na API do Formik para adicionar validações no nosso Custom Hook.
Formik.Doc: Overview.