Criando validações com Zod em uma requisição HTTP

Поделиться
HTML-код
  • Опубликовано: 1 фев 2025

Комментарии • 53

  • @artur-bb6js
    @artur-bb6js 7 месяцев назад +1

    Que vídeo incrivel, estou dando uma olhada sobre validações em react, vou começar utilizar esse zod para gerenciar as validações

    • @ustav_o
      @ustav_o 7 месяцев назад

      ele é muito bom mesmo!
      depois quando você precisar de algo mais complexo é so usar a função regex dele q funciona perfeitamente

  • @FernandoSebastiao888_dev
    @FernandoSebastiao888_dev 7 месяцев назад +1

    Muito Obrigado pelo conteúdo disponibilizado. Parece que tens ouvido as nossas pressas 🙏🙏

  • @GladsonReis
    @GladsonReis 7 месяцев назад +4

    Diego é um cara sensacional ! Puts

  • @imartytk
    @imartytk 7 месяцев назад +28

    Saudade de qd a rocket botava video de 1h ensinando algo foda como por ex envio de email com amazon ses, upload de foto, kafka, recriando interface do uber.. agr é só corte rapido e rasteiro

    • @avloggerfinger9050
      @avloggerfinger9050 7 месяцев назад +3

      Suspeito que eles estejam preparando algum coisa para nós, esses últimos vídeos postados são do NLW Unite, acho que foi a NLW mais recente que teve aí.

    • @danielmonaro4835
      @danielmonaro4835 7 месяцев назад +1

      gosto muito do conteúdo deles, mas ultimamente só tão pegando corte de live e tacando no ytb :(

    • @avloggerfinger9050
      @avloggerfinger9050 7 месяцев назад

      @@danielmonaro4835 Verdade. Mas assim, eu gosto mesmo assim porque ainda é um conteúdo interessante, porém gostaria mais que fosse como antigamente haha.

    • @MarcusTorres-zv5cv
      @MarcusTorres-zv5cv 7 месяцев назад

      Meu amigo você caiu no conto da garocinha dá Rocket aqueles ano que decidiram fazer isso foi uma estratégia de mkt pararam de fazer porque não dá dinheiro vc precisa assinar a plataforma deles

    •  7 месяцев назад +1

      Eu prefiro assim, sinceramente, é tão gratificando pesquisar algo e encontrar exatamente aquilo que eu estava buscando. Outra questão, do que adianta fazer vídeos de 1h, que vão fazer a mesma quantidade de visualizações ou pior, por ser maior a maioria das pessoas não assistem e isso faz com que estes vídeos e o próprio canal acabe sendo menos recomendado.

  • @HerlonCosta
    @HerlonCosta 7 месяцев назад

    Muito prático, sensacional chará!!

  • @DouglasSouza-te9bt
    @DouglasSouza-te9bt 7 месяцев назад +2

    cara, como alguém pode chegar a esse nível de conhecimento? Como estudar? como realmente progredir nos estudos? sinto que consigo fazer algumas coisas mas sequer consigo explicar o por que de estar funcionando ou de não estar funcionando

    • @ivocorrea2481
      @ivocorrea2481 7 месяцев назад

      mini cursos (indicos os da udemy), ler documentação da linguagem/frameworks/libs e iniciando e terminando projetos

    • @MarcusTorres-zv5cv
      @MarcusTorres-zv5cv 7 месяцев назад

      Apenas fazer o que ele faz consumir curso em inglês e seguir os grandes mestres da área. Basicamente aprende inglês e consuma conteúdo em inglês todo dia

  • @monetizacao2119
    @monetizacao2119 7 месяцев назад +1

    Fala um pouco sobre o UnoCSS, tem uma galera falando que ele vai desbancar o tailwind... Abraço!

  • @cristianomachado3687
    @cristianomachado3687 7 месяцев назад +4

    Um duvida, existe como reaproveitar o mesmo validador feito pelo zod tanto no front e back, tipo apontando ao mesmo arquivo do schema para manter a consistencia ou se estive falando besteira, algo semelhante para isso e qual a melhor pratica, obrigado pelo video! :D

    • @kayovianadev
      @kayovianadev 7 месяцев назад

      Com certeza, se os dados transitados serão os mesmos não tem problema em ter a mesma validação em ambos.

    • @cristianomachado3687
      @cristianomachado3687 7 месяцев назад

      @@kayovianadev ola, ta, qual é a melhor forma de fazer isso em um projeto? copiar o arquivo do schema de validacao, em ambos os projetos, tipo back, front e ambos terem uma copia do mesmo arquivo? ou um terceiro diretorio só com arquivos em comum
      ?

    • @kayovianadev
      @kayovianadev 7 месяцев назад

      @@cristianomachado3687 Copiar os arquivos mesmo, não há problema, a nao ser que seja um monolito, aí voce cria uma pastinha pras schemas e compartilha, por exemplo.

    • @cristianomachado3687
      @cristianomachado3687 7 месяцев назад

      @@kayovianadev não é um problema, funciona, mas essa é a melhor pratica? mesmo sendo um monolito? e se nao for?

    • @gabrielqueiroz7792
      @gabrielqueiroz7792 7 месяцев назад

      Eu gosto de pensar nas aplicações que desenvolvo como itens isolados, por mais que o meu backend seja especifico para anteder minha interface. Nesse caso não teria problema algum criar o arquivo igual tanto no front como no back. Mas e preferencia minha, não faço ideia se esta ferindo alguma boa pratica

  • @acsantana
    @acsantana 7 месяцев назад +2

    Vai ter react-hook-forms com server-actions no curso de saas?
    Outra coisa vai ter react-query com server componentes?

  • @ebr182
    @ebr182 7 месяцев назад

    ótima dica, o que me preocupa é quando devs menos experientes começam a colocar regras de negócio aí kk

  • @Matheus_1582
    @Matheus_1582 7 месяцев назад +1

    Eu queria ver o Diegão criar alguma coisa usando o Framework HILLA

  • @arozendojr
    @arozendojr 7 месяцев назад +2

    Peguei uma particularidade do js, nem zod ajudaria, coloquei tipo no response igual ao swagger, { data: "", encoder:""} não conseguia fazer o blob , dava erro, depois descobri que o response era o blob , consegui gerar .png, moral da história, mesmo tirando, o código é executado como js, logo não teria o erro de parse

    • @unknownsudo1685
      @unknownsudo1685 7 месяцев назад +2

      Eu te entendo, eu uso o Zod em meus projetos. No entanto, o que achei difícil foi fazer a validação de imagens/arquivos (File) no lado do servidor com ele.

  • @rodrigoserrasqueiro
    @rodrigoserrasqueiro 7 месяцев назад

    Nesse caso não seria melhor fazer a validação do formulário no client? Tipo assim, quando não tem nada que precise necessariamente ser processado no servidor como uma senha, um arquivo ou algo do tipo? Porque ai ficaria mandando requisições "a toa" pro servidor só pra ver se tem todos os dados...ou tem algum motivo especifico pra ser assim?

    • @gabrielqueiroz7792
      @gabrielqueiroz7792 7 месяцев назад

      seu backend pode receber requests vindo de outros clients, o postman por exemplo. E fora do seu client, nao existe a validacao, por isso e importante adicionar a validacao nos 2 lados. Voce pode pensar na validacao do client como sendo um helper para o usuario nao bater no servidor com um request invalido, economizando tempo e processamento.

    • @gabrielqueiroz7792
      @gabrielqueiroz7792 7 месяцев назад

      E caso ocorra de bater um request invalido no seu backend, ele esta "defendido" para nao gerar comportamentos inesperados ou dados inconsistentes

    • @rodrigoserrasqueiro
      @rodrigoserrasqueiro 7 месяцев назад +1

      @@gabrielqueiroz7792 Entendi. Realmente faz sentido. Obrigado!

    • @kinkasba
      @kinkasba 3 месяца назад

      Como dizia o mestre Maxmilian: Validação no FrontEnd é só experiência de usuário. Validação mesmo é no backend.

  • @caiofeiria
    @caiofeiria 7 месяцев назад +1

    Qual é esse tema?

  • @thommy_80
    @thommy_80 7 месяцев назад

    Dúvida
    No zod tudo é obrigatório a menos que você coloque .nulable?

    • @rafaelsantana588
      @rafaelsantana588 7 месяцев назад +1

      Para um campo ser opcional, você pode usar .optional(), .nullish() ou .nullable()
      .optional() aceita o tipo que você colocou no schema ou undefined
      .nullable() aceita o tipo que você colocou no schema ou null
      .nullish() aceita o tipo que você colocou no schema ou undefined ou null
      Outra opção também é após o seu z.object({…}) você adicionar um .partial() que faz a mesma coisa que colocar .optional() em todos os campos. E esse .partial() aceita um objeto como parâmetro, que você pode definir quais campos serão opcionais, caso não queira que todos sejam, aí é só passar .partial({ campo1: true, campo2: true }) que os campos 1 e 2 ficarão como opcionais e os demais não (claro que se os demais campos tiverem .optional(), estes também ficarão opcionais)

  • @BrenoCarv
    @BrenoCarv 7 месяцев назад

    Qual tema desse VScode?

  • @kalwe1
    @kalwe1 7 месяцев назад +1

    Como remove a title bar do vscode ?!?

    • @root-pwn
      @root-pwn 7 месяцев назад

      Tem um video dele ensinando a deixar o vscode minimalista. Dá uma olhada aí

    • @carlosallbertodev
      @carlosallbertodev 7 месяцев назад

      Usa Windows?

    • @kalwe1
      @kalwe1 7 месяцев назад

      @@carlosallbertodev N

    • @kalwe1
      @kalwe1 7 месяцев назад

      @@root-pwn Eu ja tnha feito aquela config, mas n deu, deve ser a versao do meu vscode...

    • @root-pwn
      @root-pwn 7 месяцев назад +1

      no video ele não deixou bem claro mesmo a parte da title bar. dei uma olhada aqui e consegui remover ela assim:
      primeiro instale a extensão apc, depois no seu .json coloque as seguintes configurações
      "window.titleBarStyle": "native",
      "apc.stylesheet": {
      ".title-label > h2": "display:none",
      ".editor-actions": "display:none"
      },
      "apc.listRow": {
      "height": 24
      },
      "apc.electron": {
      "frame": false
      },

  • @caiomatheustre18
    @caiomatheustre18 6 месяцев назад

    Pra mim não faz muito sentido usar isso no backend quando se usar Prisma e Typescrip, a própria tipagem já faz essa validação caso veja algum dado "errado". Acho que isso só faz o código ficar mais carregado e complicado.

  • @GabrielHenrique-bk3uy
    @GabrielHenrique-bk3uy 7 месяцев назад +2

    Que tema é este???????????????????
    Edit:
    Tema é Vesper++

  • @thiagoalvesfoz
    @thiagoalvesfoz 7 месяцев назад +1

    Acho o yup com formik mais fácil

  • @harukayamamotodev
    @harukayamamotodev 7 месяцев назад

    I'm number 4