Componente INPUT do ZERO ao AVANÇADO | React | Nextjs 13 | +Dicas

INFORMAÇÕES IMPORTANTES 👇

Participe da nossa comunidade no Discord:

𝗢𝗦 𝗠𝗘𝗟𝗛𝗢𝗥𝗘𝗦 𝗩𝗜𝗗𝗘𝗢𝗦 𝗗𝗢 𝗖𝗔𝗡𝗔𝗟:

7 CONCEITOS DO TYPESCRIPT QUE VOCÊ DEVE SABE

QUAL A MELHOR ESTRUTURA DE PASTAS PARA PROJETOS REACT/NEXT.JS

COMO APLICAR SOLID NO REACT - Inversão de dependência DIP

[ROADMAP] O QUE VOCÊ DEVERIA ESTUDAR EM 2O23? Fique de olho nessas tecnologias

TUTORIAL NEXT.JS 13: FETCHING DATA - PARTE 3/3

A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!

QUANDO NÃO UTILIZAR ESTADOS NO REACT?

MELHORE A USABILIDADE DE SUAS APLICAÇÕES COM ISSO

TUTORIAL NEXT.JS 13: VALE A PENA MIGRAR? PARTE 1/3

A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!

---

Livros que me ajudaram:
Código Limpo
Arquitetura Limpa
Como ser um programador melhor
Estruturas de dados e algoritmos com JavaScript
Entendendo Algoritmos: Um guia ilustrado para programadores e outros curiosos
14 hábitos de desenvolvedores altamente produtivos
Hábitos Atômicos
Aprendendo a Aprender
Rápido e devagar
A vida dos Estoicos
Meditações de Marco Aurélio

*Links afiliados.
---

👋 Você pode me encontrar aqui:

👨‍💻 Sobre mim
Eu sou Junior, Senior Frontend Engineer! Tenho mais de 4 anos de experiência.

✉️ Email comercial

📌 Utilidades
Editor: VS Code
Tema: Illusion
Music provided by NoCopyrightSounds.

#reactjs #nextjs #frontend #typescript #javascript #tips #components #html

[devjunioralves]

Essas são as melhores práticas para criar formulários:

[rosanadeveloper]

Cara tu me ajuda demaaais. Mto obg pelos seus conteudos!!!

[rodrigomedeiros]

Obrigado Junior pelo conteúdo!! Sou front-end júnior e estou fazendo testes técnicos e sinto que estou evoluindo muito graças a você. :)

[devjunioralves]

INFORMAÇÕES IMPORTANTES 👇
Livros que eu recomendo:
Rápido e devagar
Como ser um programador melhor
Código Limpo
Arquitetura Limpa
Estruturas de dados e algoritmos com JavaScript
Entendendo Algoritmos: Um guia ilustrado para programadores e outros curiosos
14 hábitos de desenvolvedores altamente produtivos
Hábitos Atômicos
Aprendendo a Aprender
A vida dos Estoicos
Meditações de Marco Aurélio

[samucatnb]

cara parabéns pelo vídeo, estava justamente com esse problema, e você foi simples, claro, prático.... simplesmente excelente sua explicação. já me tornei inscrito

[geraldocoelho]

Júnior, nota 10 esse ficou muito completo, parabéns.

[claytonjatoba]

Venho acompanhando seus vídeos e todos tem agregado bastante conhecimento de uma forma muito bem explicada, parabéns!

[PedroHenrique-jeyu]

comentei sobre o input e ele foi lá e mostrou na prática, parabéns mano, seus vídeos são foda e tua forma de ensinar também. 30 minutos passou voando e aprendi demais

[mtalves]

Conteúdo brabo, qual seria a diferença entre usar esse ref ou o Controller (componente que o próprio react-hook-form) disponibiliza?

[sidneydev]

Top mano. Vc poderia dar alguma dica de como fazer um input custom usando o react-imask👍

[altczylo]

Mano, to tentando desenvolver um input parecido e tá dando um erro relacionado à "Special Props", basicamente diz que "ref" não é uma prop válida. Mas é só um warning, o formulário continua funcionando normalmente, ce sabe como resolver

[KauanSantos-xxwy]

Galera alguem sabe o nome dessa extensão que ele usa pra ir dando autocomplete tipo o zsh ??

[fagnersantosmenezes]

minha dúvida seria como fazer para receber um conteúdo dinâmico nos inputs e altera-los com hook form ?

[luigginosa]

Ensina fazer uma variação de input, exemplo se eu coloco no type="password" ele mostra um input de senha estilizado com a funcionalidade de ver e esconder senha, ou quando eu coloco um input de data e mostra um componente de data e tudo estilizado

[evertontomazi]

outros vídeos do youtube deveriam ser excluídos. só esse canal esta atualizado.

[bikePB]

vai sair o vídeo do MSW com o Next 13 ?

[ryancosta]

Junior, muito massa o vídeo, mas eu tenho uma dúvida. Como faríamos um formulário de edição? Fazendo o fetch no server side e tendo que escrever a alteração nos inputs sendo que o arquivo deles tem a diretiva "use client" ? É um problema que estou tentando resolver mas ainda sem sucesso. :(

[marcellonazar]

gostei bastante, onde esta o codigo desse input no seu github?

[castrojunin]

Vc usa copilot? Tentei usar, mas a parada é paga 😢