No video

Formulários Avançados no React | React Hook Form

  Рет қаралды 3,613

Dev Junior Alves

Dev Junior Alves

6 ай бұрын

🔴🔴🔴 NÃO LEIA 🔴🔴🔴
✅ Curso de Next.js 13:
hotm.art/lA0ujDcw
📷 Segue lá no Instagram:
/ devjunioralves
💭 Participe da nossa comunidade no Discord:
/ discord
🧑‍💻 Repositório do canal:
github.com/jju...
𝗢𝗦 𝗠𝗘𝗟𝗛𝗢𝗥𝗘𝗦 𝗩𝗜𝗗𝗘𝗢𝗦 𝗗𝗢 𝗖𝗔𝗡𝗔𝗟:
7 CONCEITOS DO TYPESCRIPT QUE VOCÊ DEVE SABE
• 7 CONCEITOS DO TYPESCR...
Signals no React.js?!
• Signals no React.js?!
QUAL A MELHOR ESTRUTURA DE PASTAS PARA PROJETOS REACT/NEXT.JS
• QUAL A MELHOR ESTRUTUR...
COMO APLICAR SOLID NO REACT - Inversão de dependência DIP
• COMO APLICAR SOLID NO ...
[ROADMAP] O QUE VOCÊ DEVERIA ESTUDAR EM 2O23? Fique de olho nessas tecnologias
• [ROADMAP] O QUE VOCÊ D...
TUTORIAL NEXT.JS 13: FETCHING DATA - PARTE 3/3
• TUTORIAL NEXT.JS 13: F...
A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!
• A FORMA CORRETA DE CRI...
QUANDO NÃO UTILIZAR ESTADOS NO REACT?
• QUANDO NÃO UTILIZAR ES...
MELHORE A USABILIDADE DE SUAS APLICAÇÕES COM ISSO
• MELHORE A USABILIDADE ...
TUTORIAL NEXT.JS 13: VALE A PENA MIGRAR? PARTE 1/3
• TUTORIAL NEXT.JS 13: V...
A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!
• A FORMA CORRETA DE CRI...
---
Livros que me ajudaram:
Código Limpo
amzn.to/3hHXVKY
Arquitetura Limpa
amzn.to/3Viqw7v
Como ser um programador melhor
amzn.to/3POQ5fq
Estruturas de dados e algoritmos com JavaScript
amzn.to/3hM0L1u
Entendendo Algoritmos: Um guia ilustrado para programadores e outros curiosos
amzn.to/3BWsaEO
14 hábitos de desenvolvedores altamente produtivos
amzn.to/3uZqsyy
Hábitos Atômicos
amzn.to/3FGllIM
Aprendendo a Aprender
amzn.to/3WxM0hG
Rápido e devagar
amzn.to/3PLrYhq
A vida dos Estoicos
amzn.to/3vaQIGl
Meditações de Marco Aurélio
amzn.to/3joFYS1
*Links afiliados.
---
👋 Você pode me encontrar aqui:
🧑‍💻 Blog: www.devjuniorp...
💼 LinkedIn: / junior-alves-b66a10127
💻 GitHub: github.com/jju...
📷 Instagram: / devjunioralves
👨‍💻 Sobre mim
Eu sou Junior, Senior Frontend Engineer! Tenho mais de 4 anos de experiência.
Aqui, compartilho conteúdo sobre React.js, Next.js, TypeScript, JavaScript, testes, livros, SOLID e tudo mais relacionado à desenvolvimento de software.
✉️ Email comercial
devjuniorplus@gmail.com
📌 Utilidades
Editor: VS Code
Tema: Illusion
Music provided by NoCopyrightSounds.
#reactjs #forms #frontend

Пікірлер: 18
@devjunioralves
@devjunioralves 6 ай бұрын
👉 Respondendo a maior duvida sobre Typescript: kzfaq.info/get/bejne/b62hebxyy-DSoWg.html 👉 Entenda de uma vez por todas o register do RHF: kzfaq.info/get/bejne/m9yJg66T1LHNdKc.html 👉 VOCÊ DEVERIA CONTROLAR SEUS COMPONENTES REACT?! kzfaq.info/get/bejne/pphyrceIqL_TpX0.html --- 👉 Livros em promoção: Lógica de Programação e Algoritmos com JavaScript: amzn.to/48Cj65Z JavaScript: O Guia Definitivo: amzn.to/48jh9vp Como ser um programador melhor amzn.to/3POQ5fq Arquitetura Limpa (Clean Arch) amzn.to/3Viqw7v Clean Code amzn.to/3hHXVKY Estruturas de dados e algoritmos com JavaScript amzn.to/3hM0L1u --- ✅ Segue lá no Instagram: instagram.com/devjunioralves/ ✅ Nossa comunidade no Discord: discord.com/invite/bVxW4Dhgrf
@diogorocha9573
@diogorocha9573 6 ай бұрын
usei o watch numa task de cep, o usuario preenche o cep e ele busca automatico via api, mto facil de implementar, eu sou mto fã do hook form
@devjunioralves
@devjunioralves 6 ай бұрын
Haha Inclusive tem um video aqui no canal onde eu mostro fazer exatamente isso dai, consumindo a API do ViaCep, fica show demais mesmo.
@diogorocha9573
@diogorocha9573 6 ай бұрын
@@devjunioralves eu acho q foi até desse vídeo que eu peguei umas coisas, mto bom
@renoinformatica4311
@renoinformatica4311 6 ай бұрын
Faz algum conteúdo sobre autenticação de usuário com NextAuth ou Firebase.
@higorclemseixas1804
@higorclemseixas1804 5 ай бұрын
Se eu tivesse uma lista extensa de itens em que o usuário pode alterar os valores, e eu precisasse calcular o total desses valores dinamicamente, considerando as mudanças feitas pelo usuário, o uso do watch se tornaria muito pesado. Além de monitorar todos os itens da lista, ainda precisaria calcular o total. Você pode pensar em alguma outra alternativa mais eficiente para lidar com essa situação?
@gabeabeaaa
@gabeabeaaa 6 ай бұрын
muito maneiro!
@devjunioralves
@devjunioralves 6 ай бұрын
Sim, é muito show!
@cristianoseixas2417
@cristianoseixas2417 6 ай бұрын
Excelente
@LuanWallacePereira
@LuanWallacePereira 5 ай бұрын
Voce fala no video que tem um conteudo seu q fala so do register do react-hook-form... Qual o link?
@devjunioralves
@devjunioralves 5 ай бұрын
Que massa cara, fico feliz em saber disso! Coloquei o vídeo no comentário fixado 👊
@DarleyRaffael
@DarleyRaffael 4 ай бұрын
Aguém já utilizou aquela tag do HTML datalist para input com autocomplete em conjunto com o react-hook-form?
@isaacnewton2307
@isaacnewton2307 6 ай бұрын
usaria o watch + register é basicamente minha task atual tem um select que faz uma busca async pega o retorno que gera outro select ao selecionar dados do segundo select reflete em uma tag na tela kkkkk
@devjunioralves
@devjunioralves 6 ай бұрын
Cara isso é muito show de fazer e com o combo RHF + Zod, aí fica delicinha.
@isaacnewton2307
@isaacnewton2307 6 ай бұрын
bora que eu to com fome
@devjunioralves
@devjunioralves 6 ай бұрын
Boraaa manooo
@isaacnewton2307
@isaacnewton2307 6 ай бұрын
bora que eu to com fome
@devjunioralves
@devjunioralves 6 ай бұрын
Só vamo mano!
React Hook Form & React 19 Form Actions, The Right Way
16:08
Jack Herrington
Рет қаралды 48 М.
DICA DE FORMULÁRIOS | React Hook Form
16:44
Dev Junior Alves
Рет қаралды 5 М.
Finger Heart - Fancy Refill (Inside Out Animation)
00:30
FASH
Рет қаралды 32 МЛН
👨‍🔧📐
00:43
Kan Andrey
Рет қаралды 9 МЛН
Harley Quinn lost the Joker forever!!!#Harley Quinn #joker
00:19
Harley Quinn with the Joker
Рет қаралды 22 МЛН
Componente INPUT do ZERO ao AVANÇADO | React | Nextjs 13 | +Dicas
32:47
Como TESTAR formulários com React Hook Form e TDD - React.js
43:35
Dev Junior Alves
Рет қаралды 2,7 М.
MELHORE SEUS FORMULÁRIOS COM ESSAS DICAS AVANÇADAS - React Hook Form
31:17
Como o ReactJS funciona? Entenda do React Hook Flow
8:16
Dev Junior Alves
Рет қаралды 1,4 М.
Learn React Hooks: useImperativeHandle - Simply Explained!
9:54
Cosden Solutions
Рет қаралды 19 М.
Criando UI no React na velocidade da luz! (shadcn/ui)
14:55
Rocketseat
Рет қаралды 99 М.
Create Form and Validation With Shadcn UI | NextJs 13
43:53
Cand Dev
Рет қаралды 32 М.
✅  REACT.JS: COMO VALIDAR FORMULÁRIO COM REACT HOOK FORM E YUP.JS
18:58
AQUELE PROGRAMADOR
Рет қаралды 6 М.
Finger Heart - Fancy Refill (Inside Out Animation)
00:30
FASH
Рет қаралды 32 МЛН