Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Curso avançado de React: #04 - Quando vale usar o react hook form - Primeiro uso com typescript
Play lesson

Curso base de React - Curso Completo de React – Do Zero à Prática com TypeScript - Curso avançado de React: #04 - Quando vale usar o react hook form - Primeiro uso com typescript

5.0 (1)
21 learners

What you'll learn

This course includes

  • 11.3 hours of video
  • Certificate of completion
  • Access on mobile and TV

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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere