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
Zod é uma das libs que mais me surpreendeu nos últimos tempos!
tem mt diferença entre o Zod e o Yup?
@@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.
@@devjunioralves Boa. Por aqui no trampo só uso para validação das requests
@@otaviocr9434 É, nesse caso, não vai fazer muita diferença, só caso esteja utilizando TS, o Zod é mais interessante pela integração dele.
Ei você por aqui.
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.
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!
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
Muito bom. Já usei o yup que faz uma validação bem semelhante. Vou dar uma pesquisada para ver as diferenças!
Caraca, eu usava o ts-node e o ts-node-dev até esse vídeo, salvou demais
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 ⚡
Isso ae, Diegão, vlw demais!!!
esse vitest ja usava desde o lançamento, mto bom ver aqui
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.
Show de bola, tinha visto o Zod, mas agora entendi o funcionamento de fato
Esse Zod é a ferramenta que eu precisava para validar informações de dados de JSONs diretamente para bancos de dados.
Gostei muito da zod, ainda não conhecia
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.
Com certeza, em 2023 essas ferramentas tem tudo para avançar a ponto de podermos trazer mais conteúdos sobre elas!
Joi pra usar com mensagem customizadas é um pé no saco
Boa tarde! Não conhecia estas libs, mas acredito que a lib ZOD pode ser muito promissora. Parabéns pelo video.
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.
é o typebox, que inclusive é mais performático que o zod
Nao conhecia o zod, mas é uma lib muito versatil e com certeza vou começar a utiliza-lo.
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.
conteúdo true, me ajudou demais
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.
Ou seja Evan You novamente! O cara é mostro!! Olhou pro react e disse: vcs vão ter que me engolir!!!!
o zod com certeza foi o mais surpreendente para mim
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!
Curti demais o ZOD, vou usar nos projetos.
Não conhecia o zod mas uso o Joi que é muito parecido. Ótimas dicas!
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.
Obrigado man
Esse ano vou usar muito headless cms nos meus projetos, salvo se o backend tem que ter integrações muito específicas
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.
Já fiz uma live usando: th-cam.com/video/fx7JqqCw1qg/w-d-xo.html
Tragam serverless esse ano 🔥
LIbs : 1- tsx , 2- tsup, 3-vitest, zod
ótimo video. trás mais coisa sobre deploy. pfv e docker.
Fala Diego!
Obrigado pelas ótimas dicas, só fiquei me perguntando será que rola um vídeo integrando o Zod com o UnForm?
Excelente tava faltando libs que usam o esbuild para fazer o build do typescript e do jsx
Muito boa a dica
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
Estou realmente pensando em implementar o zod em meus projetos
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.
Muito bom.
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...
Partiu vitest ❤
Onde q o Zod entra numa arquitetura SOLID? Assisti seus videos sobre SOLID, mas ainda tenho duvidas quanto a isso.
não consegui fazer o build com o tsup utilizando prisma
zika em
Opa! Diego, esse Zod seria a mesma funçãoi que o Joi faz correto?
Curiosidade: Qual o theme e o iconset utilizado no vídeo?
Qual tema ele usa pros icones dos arquivos?
Que tal alguns vídeos usando Deno ou Bun?
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?
Outra coisa, tsup resolve os path alias do tsconfig durante o processo de build?
Onde eu aprendo isso tudo que vc falou a fundo? Na rocketseat tem algum curso?
Qual seria a vantagem do tsup sobre o tsc?
O tsup utiliza o esbuild, que é mais performático.
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.
Boa Diegão algumas dessas libs eu já uso em alguns projetos na empresa
Symbol Icons
Sobre o tsup, não achei nada onde ignorar arquivos de testes no build. Acabei mudando de pacote no fim.
Por que usar essas libs e não as nativas da ferramenta?
Por que o zod é não dependência de dev?
Edit. Ah ele faz uma validação em runtime, em produção, entendi.
Uso o unbuild ao invés do tsup, me atende melhor nos formatos de saida
Bibliotecas mt bala! E outra coisa, alguem ai sabe o tema que o diego ta usando?
Dessas aí eu só conhecia o Zod hehe.
TOP
Sempre venho na empolgação pra assistir o video, mas a fonte é pequena para assistir no celular aí já desisto na hora! 😔
Qual tema você está usando no vs code?
Rosé Pine
Gostei das ferramenta, mas e realmente acho que feio essa mensagem de error do zod. 😅
Conhece o vine.js ?
Você consegue fazer alguma coisa na unha?
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
Diego, lembro do esbuild ter algum problema com decorators, o tsup ou tsx fazem alguma mágica para contornar isso?
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.
Como coloca o intellisense no terminal?
Muito fish 🇲🇿👍
A pergunta de 1 milhao de reais:qual o nome do tema do VSCode? Brincadeiras a parte, video muito bom!
Rosé Pine 🤣
@@dieegosf Muito obrigado! O que mais gostei no tema é a ausencia de border entre as sections do VSCode
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
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
Qual o nome da extensão para os ícones das pasta ficar desse jeito alguém sabe dizer?
Symbol Icons
@@dieegosf Vlw
@@dieegosf disponibiliza esse setup do vscode ai pra nois diegão, ta mto bonito
@@victormanoel8 vc acha extensao no vscode?
@@yals-eyss No material do NLW tem as configurações
Como instalar essa fonte?
mano, esse cenário da webcam é real ou é um chroma key com uma luz roxa no rosto pra ficar mais real? Ficou mt bonito
Real haha
@@dieegosf mds, faz um vídeo mostrando isso, quero copiar kkkkkkkkkkk
Zod -> 9:10
Alguém sabe qual THEME é essa do VSCode?
Rosé Pine
U P
Passa as configs do vscode diego
Qual esse tema?
Rosé Pine
Alguem sabe qual theme de pastas o diego esta usando ?
Symbol Icons
Qual nome desse paconte de ícones?
Symbol Icons
@@dieegosf Essa extensão não existe bro
Alguém sabe que tema do VSCode é esse?
Rosé Pine
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!
pq utilizar um framework para desenvolver um projeto serverless?
@@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
@@TheDarkBial acredito que você não precisa se preocupar em usar um framework em arquiteturas serverless
Minha mãe e eu lucramos muito com nosso investimento com a Sra. KATHERNANN, suas habilidades são incríveis
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
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.
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.
Você pode enviar uma mensagem para ela no telegram👇
Ela está ativa no telegram ⬇
😶😶 o que eu tô fazendo errado com meu comentário?
Tenho medo da comunidade estar aderindo schema validation, coisa horrenda
Interessante, poderia elaborar?
90% do conteudo deste canal é setup de node kkkkkkk
🤣