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

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ม.ค. 2025

ความคิดเห็น • 53

  • @devjunioralves
    @devjunioralves  ปีที่แล้ว +3

    Essas são as melhores práticas para criar formulários:
    th-cam.com/video/awUE9p5ITQA/w-d-xo.html

  • @JuiMDev
    @JuiMDev 2 หลายเดือนก่อน

    Excelente vídeo! É tão viciante assistir devido a codução e explicação, que até me perco nas horas! muito obrigado por compartilhar seu conhecimento, isso agrega de mais para quem está começando.

  • @rodrigomedeiros6696
    @rodrigomedeiros6696 ปีที่แล้ว +4

    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
      @devjunioralves  ปีที่แล้ว

      Que show Rodrigo! Fico muito feliz em saber disso, de verdade. 👊

  • @rosanadeveloper8204
    @rosanadeveloper8204 ปีที่แล้ว +3

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

    • @devjunioralves
      @devjunioralves  ปีที่แล้ว

      Fico muito feliz em saber disso!!!

  • @BrunoLopese1
    @BrunoLopese1 8 หลายเดือนก่อน +2

    Mina de ouro do React

    • @devjunioralves
      @devjunioralves  8 หลายเดือนก่อน +1

      Po, que show Bruno, valeu demais 👊🚀

  • @geraldocoelho2392
    @geraldocoelho2392 ปีที่แล้ว +1

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

  • @claytonjatoba
    @claytonjatoba ปีที่แล้ว +1

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

    • @devjunioralves
      @devjunioralves  ปีที่แล้ว

      Valeu demais Clayton, muito bom saber que os conteúdos estão te ajudando!

  • @samucatnb12
    @samucatnb12 ปีที่แล้ว

    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

  • @devjunioralves
    @devjunioralves  ปีที่แล้ว +2

    INFORMAÇÕES IMPORTANTES 👇
    Livros que eu recomendo:
    Rápido e devagar
    amzn.to/3PLrYhq
    Como ser um programador melhor
    amzn.to/3POQ5fq
    Código Limpo
    amzn.to/3hHXVKY
    Arquitetura Limpa
    amzn.to/3Viqw7v
    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
    A vida dos Estoicos
    amzn.to/3vaQIGl
    Meditações de Marco Aurélio
    amzn.to/3joFYS1

  • @PedroHenrique-je6yu
    @PedroHenrique-je6yu ปีที่แล้ว +1

    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 kkkkk

    • @devjunioralves
      @devjunioralves  ปีที่แล้ว

      Haha boa Pedro!
      Que massa que curtiu, valeu demais.

  • @allansoares-j7l
    @allansoares-j7l 11 หลายเดือนก่อน +1

    Irmão você ajudou tanto S2

    • @devjunioralves
      @devjunioralves  11 หลายเดือนก่อน

      Opaaa, que show man!!!

  • @JoaoVictor-ld7ny
    @JoaoVictor-ld7ny ปีที่แล้ว +1

    Bão demais, assisti até o fim.

  • @GabrielFelipe-x7u
    @GabrielFelipe-x7u ปีที่แล้ว

    Muito bom!

  • @andrewarosario
    @andrewarosario ปีที่แล้ว +1

    Excelente como sempre!

  • @lucassdanntas
    @lucassdanntas 10 หลายเดือนก่อน

    Vídeo muito bom, me ajudou demais!

  • @armnd4150
    @armnd4150 8 หลายเดือนก่อน

    ótimo vídeo

  • @luigginosa809
    @luigginosa809 ปีที่แล้ว +1

    incrivel

  • @tpzzzzzzz
    @tpzzzzzzz ปีที่แล้ว +1

    Incrível demais

  • @joseaugustofbneto2194
    @joseaugustofbneto2194 ปีที่แล้ว +1

    top demais, solta like cambada.

    • @devjunioralves
      @devjunioralves  ปีที่แล้ว +1

      Valeu José!!! O pessoal acaba esquecendo do like, e po, isso ajuda demais o canal continuar crescendo.

  • @luigiremor1829
    @luigiremor1829 ปีที่แล้ว +1

    Tooop demais

  • @odetediarista
    @odetediarista ปีที่แล้ว +1

    Top

  • @marcellonazar
    @marcellonazar ปีที่แล้ว

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

  • @altczylo9910
    @altczylo9910 ปีที่แล้ว

    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

  • @mtalves
    @mtalves ปีที่แล้ว +2

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

    • @devjunioralves
      @devjunioralves  ปีที่แล้ว +1

      O Controller é para componentes de libs terceiras (MUI, Ant...). O register (ref) tu pode utilizar em elementos custom criados por você. Mas nada impede de fazer o inverso (caso seja possível).
      Valeu demais 👊

  • @bikePB
    @bikePB ปีที่แล้ว +1

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

    • @devjunioralves
      @devjunioralves  ปีที่แล้ว

      Ainda não, pq ele não tem suporte aos RSC, to acompanhando as discussões no repo oficial no Github.

  • @fagnersantosmenezes4646
    @fagnersantosmenezes4646 ปีที่แล้ว

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

  • @sidneydev
    @sidneydev ปีที่แล้ว +1

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

    • @devjunioralves
      @devjunioralves  ปีที่แล้ว +1

      Geralmente eu utilizo regex para as masks, posso fazer um vídeo sim.
      Valeu Sidney!

  • @KauanSantos-xx8wy
    @KauanSantos-xx8wy ปีที่แล้ว

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

  • @ryancosta989
    @ryancosta989 ปีที่แล้ว +1

    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. :(

    • @devjunioralves
      @devjunioralves  ปีที่แล้ว

      Boa pergunta Ryan!
      Tem alguns vídeos aqui no canal onde falo sobre patterns e principalmente composition dentro do React.
      Esse pattern vai te ajudar muito a trabalhar com RSC e RCC.
      Recomendo que veja eles, mas vou fazer um vídeo sobre sua dúvida, é muito boa.

  • @luigginosa809
    @luigginosa809 ปีที่แล้ว +1

    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

    • @devjunioralves
      @devjunioralves  ปีที่แล้ว +1

      Opa, excelente sugestão Luiggi! Vou fazer sim!

  • @castrojunin
    @castrojunin 6 หลายเดือนก่อน

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

  • @evertontomazi
    @evertontomazi ปีที่แล้ว

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

  • @cristianmelo7729
    @cristianmelo7729 ปีที่แล้ว +1

    Bah.