Summary
Keywords
Full Transcript
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nesta aula do nosso curso avançado de React, a gente finalmente começa a construir, de fato, o formulário da aplicação usando o poderoso React Hook Form. Mas antes de colocar a mão na massa, eu te explico com clareza quando faz sentido usar essa biblioteca e quando ela pode ser um exagero para o teu projeto. Se a tua aplicação é pequena, com formulários simples, talvez não valha a pena — mas quando a estrutura cresce, ela brilha em performance, organização e praticidade. Essa introdução é importante para que tu saiba exatamente por que estamos escolhendo essa ferramenta aqui no curso. Depois dessa visão geral, começamos a implementação prática do formulário dentro da tela de detalhes do nosso to-do. Eu te mostro como configurar os campos usando register, handleSubmit, e como extrair os dados com apenas algumas linhas de código. O mais legal é que, mesmo sem precisar configurar estados nem lidar com onChange manualmente, a gente já consegue capturar tudo o que o usuário preenche, inclusive campos booleanos com checkbox. Também te ensino como inicializar valores padrões nos campos com defaultValues, o que é super útil para formulários de edição. Essa aula é um divisor de águas no nosso projeto. A partir de agora, vamos elevar o nível da aplicação e aplicar boas práticas reais de construção de formulários escaláveis. Se tu tá construindo algo mais robusto em React ou quer se preparar para projetos maiores, esse conteúdo vai te ajudar demais. Não esquece de deixar o like, comentar tuas dúvidas e seguir acompanhando as próximas aulas, porque a gente ainda vai explorar muitas possibilidades com o React Hook Form. Links mencionados no vídeo: 📖 Repositório do projeto - https://github.com/lvsouza/curso-base-de-react/tree/d8b5b379362a6f4219204591a2899f6de4922307 🗨️ Discord - https://discord.gg/ZC7JrPZn7P 🎬 CodarSe - https://codarse.com Outros cursos no canal: 🎩 Figma para DEVs - https://youtu.be/4rSPV1NbM10 ☪️ Curso de estilização no React - https://youtu.be/oUbPkR799fc 💎 Curso base de React - https://youtu.be/ggtWTKbhN_U 👑 React, Material UI 5 e Typescript - https://youtu.be/wLH1Vv86I44 🏆 Curso de API Rest, Node e Typescript - https://youtu.be/SVepTuBK4V0 Livros recomendados: 📘 Código limpo - https://amzn.to/43Xiick 📘 Arquitetura limpa - https://amzn.to/3ZMCStr 📘 Migrando sistemas monolíticos - https://amzn.to/45ByPDZ 📘 The Micro SaaS Handbook - https://amzn.to/4jCan93 Conteúdo: 0:00 | Apresentação da aula 0:15 | Avisos importantes 0:30 | Quando usar o react hook form 5:40 | Instalando o react hook form 7:15 | Primeiro uso do react hook form 11:10 | O que mais da pra fazer com o react hook form 12:50 | Finalização e agradecimentos CODARSE - [Membros apenas] Formulários avançados #ReactJS #Vite #TypeScript #JavaScript #FrontEnd #Programação
