4 libs que não podem faltar no Node.js com TypeScript (Setup Node.js + TypeScript)

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ต.ค. 2024
  • NLW Setup | Online e gratuito - Crie uma aplicação de ponta a ponta: rseat.in/NLWSe...
    Algumas coisas são tão boas para melhorar o seu código que às vezes dá vontade de usar elas em todos os projetos.
    Foi isso que aconteceu com essas libs, que o Diegão decidiu que vai usar em todo desenvolvimento de Node.js + TypeScript daqui pra frente (ou pelo menos em 2023 😅).
    Nesse vídeo você conhece quais são essas bibliotecas e também vai entender quais os melhores cenários para usar cada uma delas.
    Já usou alguma dessas no seu desenvolvimento back-end? Conta pra gente nos comentários.
    Quer saber mais sobre TypeScript?
    Assista a aula “Construindo um app fullstack com o melhor do TypeScript”: • Construindo um app ful...
    -----
    Conecte-se a 200mil devs e avance para o próximo nível com a nossa plataforma: rocketseat.com...
    Cadastre-se na nossa plataforma: app.rocketseat...
    Junte-se a mais de 392mil devs em nossa comunidade no Discord: / discord
    Acompanhe a Rocketseat nas redes sociais:
    Twitter: @rocketseat
    Facebook: @rocketseat
    Instagram: @rocketseat_oficial

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

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

    Zod é uma das libs que mais me surpreendeu nos últimos tempos!

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

      tem mt diferença entre o Zod e o Yup?

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

      @@otaviocr9434 Se você for utilizar apenas validação, até que não tem. Mas o Zod tem uma infinidade de features que o Yup não possui. Eu recomendo bastante utilizar para testar e ver o potencial dele.

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

      @@devjunioralves Boa. Por aqui no trampo só uso para validação das requests

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

      @@otaviocr9434 É, nesse caso, não vai fazer muita diferença, só caso esteja utilizando TS, o Zod é mais interessante pela integração dele.

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

      Ei você por aqui.

  • @orion-research
    @orion-research ปีที่แล้ว +21

    Diegão, faz um vídeo depois sobre suas extensões do VS Code (nem que seja um reels). Seria massa, vc tem bom gosto pra personalizar.

  • @edy.rodrigues
    @edy.rodrigues ปีที่แล้ว +6

    Eu já uso e adotei onde trabalho o vitest, substituímos todo nosso sistema de teste com jest. Só trouxe benefícios principalmente na velocidade e performance!

  • @lawisch
    @lawisch ปีที่แล้ว +9

    Lembrando que o Vitest tem o recurso de importar o namespace globalmente, de modo que funcione que nem o Jest (sem precisar fazer import em cada arquivo). Ainda assim, acho uma escolha acertada fazer o import explicitamente, pra que todo mundo saiba de onde vem esse código importado

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

    Muito bom. Já usei o yup que faz uma validação bem semelhante. Vou dar uma pesquisada para ver as diferenças!

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

    Caraca, eu usava o ts-node e o ts-node-dev até esse vídeo, salvou demais

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

    Não conhecia o `tsx` muito boa a dica, com certeza vou usar em projetos futuros! Excelente video como sempre, obrigado demais por continuar sempre compartilhando conhecimento de qualidade assim ⚡

  • @dixavier27
    @dixavier27 4 หลายเดือนก่อน

    Isso ae, Diegão, vlw demais!!!

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

    esse vitest ja usava desde o lançamento, mto bom ver aqui

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

    Cara o zod é sensacional!! Antes eu utilizava o yup que tbm é uma boa lib mas pra validações complexas é bem chatinha. O zod facilita demais tudo isso, além de deixar o código menos verboso.

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

    Show de bola, tinha visto o Zod, mas agora entendi o funcionamento de fato

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

    Esse Zod é a ferramenta que eu precisava para validar informações de dados de JSONs diretamente para bancos de dados.

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

    Gostei muito da zod, ainda não conhecia

  • @athirsonsilva3808
    @athirsonsilva3808 ปีที่แล้ว +10

    Zod é uma ferramenta incrível, porém existem outras opções que conseguem realizar uma função similar como Joi e class-validator (que funciona de maneira diferente do Zod, mas o propósito é o mesmo).
    O pessoal da Rocket pretendem trazer conteúdo de Deno/ Bun pro canal? São ferramentas que prometem muito.

    • @dieegosf
      @dieegosf ปีที่แล้ว +5

      Com certeza, em 2023 essas ferramentas tem tudo para avançar a ponto de podermos trazer mais conteúdos sobre elas!

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

      Joi pra usar com mensagem customizadas é um pé no saco

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

    Boa tarde! Não conhecia estas libs, mas acredito que a lib ZOD pode ser muito promissora. Parabéns pelo video.

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

    Se não me engano já tinha um lib parecida com com o Zod, já até utilizei, yup, acho q é isso, realmente são ferramentas incríveis.

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

      é o typebox, que inclusive é mais performático que o zod

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

    Nao conhecia o zod, mas é uma lib muito versatil e com certeza vou começar a utiliza-lo.

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

    Massa demais estou querendo estudar o vitest já faz um tempo. Essa dica do TSX foi incrível também! Não fazia ideia de que ele tem um watch, vou começar a usar.

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

    conteúdo true, me ajudou demais

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

    curti muito a biblioteca zod. Essas validações de dados por parte do back end é uma coisa muito importante que as vezes passa despercebida. Show de bola, Diegão. Faz mais conteúdo assim.

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

    Ou seja Evan You novamente! O cara é mostro!! Olhou pro react e disse: vcs vão ter que me engolir!!!!

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

    o zod com certeza foi o mais surpreendente para mim

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

    Muito bom vídeo, já utilizo essas ferramentas à algum tempo, mas vitest não conhecia.
    Conseguem trazer para o canal SolidJS? Acho que é uma biblioteca que promete, especialmente para quem gosta de React.
    Bom trabalho!

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

    Curti demais o ZOD, vou usar nos projetos.

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

    Não conhecia o zod mas uso o Joi que é muito parecido. Ótimas dicas!

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

    O Vitest também tem o globals, que expõe a lib global igual ao jest, facilita migrações entre as ferrentas sem precisar adicionar os imports.

  • @ADMMinistro
    @ADMMinistro 3 หลายเดือนก่อน

    Obrigado man

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

    Esse ano vou usar muito headless cms nos meus projetos, salvo se o backend tem que ter integrações muito específicas

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

    diego, faz um video sobre a T3 stack (create t3-app), ela usa tailwind, trpc, zod, typescript, prisma e é tipo a melhor dev experience que eu ja tive nos ultimos tempos.

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

      Já fiz uma live usando: th-cam.com/video/fx7JqqCw1qg/w-d-xo.html

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

    Tragam serverless esse ano 🔥

  • @m.coelho5532
    @m.coelho5532 ปีที่แล้ว +2

    LIbs : 1- tsx , 2- tsup, 3-vitest, zod

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

    ótimo video. trás mais coisa sobre deploy. pfv e docker.

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

    Fala Diego!
    Obrigado pelas ótimas dicas, só fiquei me perguntando será que rola um vídeo integrando o Zod com o UnForm?

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

    Excelente tava faltando libs que usam o esbuild para fazer o build do typescript e do jsx

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

    Muito boa a dica

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

    TSX não rodou meu codiguin aqui. Usei uma lib que deu o seguinte erro: "Legacy octal escape sequences cannot be used in strict mode" :(
    Rodando com node dist/index.js foi de boas

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

    Estou realmente pensando em implementar o zod em meus projetos

  • @lacrador_idiota
    @lacrador_idiota 7 หลายเดือนก่อน

    2:13 não recomendo o uso do pkg TSX, ele não é atualizado tão bem quanto o bunjs, ou ts-node, e você poderá ter problemas mesmo especificando uma versão mais atualizada. Uma vez tava fazendo decoradores logo após eles terem mudado o jeito de fazer decoradores, e simplesmente o tsx não aceitava, até eu usar o ts-node.

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

    Muito bom.

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

    Salve Diegão!
    Qual melhor Zod ou Express-validator?
    Normalmente utilizo o express-validator para validar os dados no back, ou seria legal utilizar os dois? um para o front e outro para o back...

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

    Partiu vitest ❤

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

    Onde q o Zod entra numa arquitetura SOLID? Assisti seus videos sobre SOLID, mas ainda tenho duvidas quanto a isso.

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

    não consegui fazer o build com o tsup utilizando prisma

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

    zika em

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

    Opa! Diego, esse Zod seria a mesma funçãoi que o Joi faz correto?

  • @rodrigo-voll
    @rodrigo-voll ปีที่แล้ว

    Curiosidade: Qual o theme e o iconset utilizado no vídeo?

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

    Qual tema ele usa pros icones dos arquivos?

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

    Que tal alguns vídeos usando Deno ou Bun?

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

    Uma pergunta: Vitest vale a pena substituir o Jest em projetos que usam apenas JS? Ou é algo que só vai ser perceptível os ganhos em projetos TS?

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

      Outra coisa, tsup resolve os path alias do tsconfig durante o processo de build?

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

    Onde eu aprendo isso tudo que vc falou a fundo? Na rocketseat tem algum curso?

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

    Qual seria a vantagem do tsup sobre o tsc?

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

      O tsup utiliza o esbuild, que é mais performático.

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

    Essas tsx e tsup não conhecia. Vou testar.
    Eu tentei utlizar o vitest em um projeto com o type graphql e não consegui rodar os testes por causa dos decorators e acabei voltando para o jest mas com o swc pois o ts-jest deixa os testes realmente lentos.

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

    Boa Diegão algumas dessas libs eu já uso em alguns projetos na empresa

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

      Symbol Icons

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

    Sobre o tsup, não achei nada onde ignorar arquivos de testes no build. Acabei mudando de pacote no fim.

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

    Por que usar essas libs e não as nativas da ferramenta?

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

    Por que o zod é não dependência de dev?
    Edit. Ah ele faz uma validação em runtime, em produção, entendi.

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

    Uso o unbuild ao invés do tsup, me atende melhor nos formatos de saida

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

    Bibliotecas mt bala! E outra coisa, alguem ai sabe o tema que o diego ta usando?

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

    Dessas aí eu só conhecia o Zod hehe.

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

    TOP

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

    Sempre venho na empolgação pra assistir o video, mas a fonte é pequena para assistir no celular aí já desisto na hora! 😔

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

    Qual tema você está usando no vs code?

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

      Rosé Pine

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

    Gostei das ferramenta, mas e realmente acho que feio essa mensagem de error do zod. 😅

  • @__klever6747
    @__klever6747 7 หลายเดือนก่อน

    Conhece o vine.js ?

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

    Você consegue fazer alguma coisa na unha?

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

    Gostaria de saber se tem alternativas para react render lib , setup bem complicado de acertar as versões para automatizar o render do react e testar, principalmente para react-native

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

    Diego, lembro do esbuild ter algum problema com decorators, o tsup ou tsx fazem alguma mágica para contornar isso?

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

      Infelizmente isso ainda é uma deficiência do esbuild mesmo, mas tanto o TSUP quanto o TSX aceitam que você crie um arquivo de configurações e adicione plugins no esbuild e, por enquanto, você pode usar o www.npmjs.com/package/@anatine/esbuild-decorators.

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

    Como coloca o intellisense no terminal?

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

    Muito fish 🇲🇿👍

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

    A pergunta de 1 milhao de reais:qual o nome do tema do VSCode? Brincadeiras a parte, video muito bom!

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

      Rosé Pine 🤣

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

      @@dieegosf Muito obrigado! O que mais gostei no tema é a ausencia de border entre as sections do VSCode

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

    Uma dica, o meu vscode não estava encontrando os imports automaticamente do vitest então eu encontrei um plugin chamado unplugin-auto-import que resolve os imports igual do jest e com ele não há mais a necessidade de importar describe, it e expect do vitest
    e eu vi uma biblioteca utilizando o tsx mas não sabia o que era, mas para quem precisa gerar os arquivos js para rodar o código igual no meu caso onde estou desenvolvendo uma cli, onde preciso executar o arquivo index a partir de um shebang, existe a lib SWC que também tem watch mode

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

      para usar os tipos do vitest de forma global ce precisa configurar isso na configuração do vitest e no tsconfig definir as tipagens. fica a dica aí, menos uma lib no seu workflow

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

    Qual o nome da extensão para os ícones das pasta ficar desse jeito alguém sabe dizer?

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

      Symbol Icons

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

      @@dieegosf Vlw

    • @yals-eyss
      @yals-eyss ปีที่แล้ว +2

      @@dieegosf disponibiliza esse setup do vscode ai pra nois diegão, ta mto bonito

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

      @@victormanoel8 vc acha extensao no vscode?

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

      @@yals-eyss No material do NLW tem as configurações

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

    Como instalar essa fonte?

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

    mano, esse cenário da webcam é real ou é um chroma key com uma luz roxa no rosto pra ficar mais real? Ficou mt bonito

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

      Real haha

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

      @@dieegosf mds, faz um vídeo mostrando isso, quero copiar kkkkkkkkkkk

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

    Zod -> 9:10

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

    Alguém sabe qual THEME é essa do VSCode?

  • @EduardoSilva-lf2ho
    @EduardoSilva-lf2ho ปีที่แล้ว

    U P

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

    Passa as configs do vscode diego

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

    Qual esse tema?

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

      Rosé Pine

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

    Alguem sabe qual theme de pastas o diego esta usando ?

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

      Symbol Icons

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

    Qual nome desse paconte de ícones?

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

      Symbol Icons

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

      @@dieegosf Essa extensão não existe bro

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

    Alguém sabe que tema do VSCode é esse?

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

      Rosé Pine

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

    Fala diego! Poderia fazer um vídeo específico sobre frameworks que você mencionou no video de tecnologias para 2023 ? Tentei combinar fastify + serverless de uma aplicação porém tive problemas de compatibilidade usando async/await quando compilei o typescript. Se alguém já tiver desenvolvido essa combinação comenta a solução aqui!

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

      pq utilizar um framework para desenvolver um projeto serverless?

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

      @@sampaioleal2140 A aplicação já existia em express, passei ela pra serverless por alguns motivos. No caso seria substituir o express pelo fastify pelo desempenho

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

      @@TheDarkBial acredito que você não precisa se preocupar em usar um framework em arquiteturas serverless

  • @christy199
    @christy199 ปีที่แล้ว +201

    Minha mãe e eu lucramos muito com nosso investimento com a Sra. KATHERNANN, suas habilidades são incríveis

    • @DIVINEFAVOUR-y6z
      @DIVINEFAVOUR-y6z ปีที่แล้ว

      Incrível ver outro que negocia com a Sra. KATHERNANN, atualmente estou na minha quinta negociação com ela e meu portfólio cresceu tremendamente. Seus sinais semanais são altamente lucrativos

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

      Eu também invisto com a Sra. KATHERNANN, ela cobra uma comissão de 20% sobre o lucro obtido após cada sessão de negociação, o que é justo em comparação com o esforço que ela fez para obter lucros enormes.

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

      Esta não é a primeira vez que ouço sobre a Sra. KATHERNANN e suas façanhas no mundo do comércio, mas não tenho ideia de como alcançá-la.

    • @DIVINEFAVOUR-y6z
      @DIVINEFAVOUR-y6z ปีที่แล้ว

      Você pode enviar uma mensagem para ela no telegram👇

    • @DIVINEFAVOUR-y6z
      @DIVINEFAVOUR-y6z ปีที่แล้ว

      Ela está ativa no telegram ⬇

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

    😶😶 o que eu tô fazendo errado com meu comentário?

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

    Tenho medo da comunidade estar aderindo schema validation, coisa horrenda

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

      Interessante, poderia elaborar?

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

    90% do conteudo deste canal é setup de node kkkkkkk