O Diego é sensacional, 2 anos depois e eu estou aprendendo muito com vídeo, tá me servindo como auxílio enquanto realizo a trilha de React 🚀

Ótimo vídeo! Por favor Diego, traga o Typescript mais ao fundo focado no React. Abraço!

Se alguém mais teve problema com o uso do ts-node-dev, é porque mudaram uma das flags de --transpileOnly para --transpile-only.

Primeiramente eu gostaria de agradecer por essa aula postada em vosso canal, foi bastante satisfatória, e também gratificante para mim como expectador do vosso trabalho ver o grau de qualidade que nos entregam!

Trabalho com TS nos projetos em Angular a alguns meses e gostei bastante das features dele, poder usufruir desses recursos em conjunto com node é bem bacana. Valeu pelo conteúdo!

Muito bom ter pessoas como você na nossa área, obrigado.

Que conteúdo incrível. Parabéns e obrigado 🙏

que tal a próxima semana omnistack ser TDD com typescrypt ??

ficou cativante demais! assistir desperta a vontade de se aprofundar mais e mais em TS

Diego, estou começando agora no mundo do React e já estou embarcando em um projeto todo em React e eles utilizam typescript no React e cara esses negócios de tipagem estava meio complicado para entrar na minha cabeça e tudo mais. E sinceramente, estou gostando de mexer com o typescript no React e cara só tenho agradecer por ajudar com estas master class que vc posta e tudo mais. Vou rever dnv a aula, pq sinceramente tu é um monstro da programação e explica muito bem

Que aulão sensacional, meu primeiro contato com TS e já estou achando incrível.

Por favor, traga o video de TypeORM

Acho que ainda sou mto novo nesse mundo pra entender as vantagens do typescript, pra min só parece uma forma de se complicar o que é fácil, acho que o que me falta é um pouco de experiência.

Bem, eu trabalho com infra, já estudei programação em linguagens com tipagem, mas nunca fui a fundo nos estudos com programação, até que vi a semana omnistack, nossa sensacional, mas fique muito perdido com a linguagem por ser bem diferente do que estudei, mas vendo agora um pouco do typescript ficou um pouco mais entendível mesmo sendo um mero iniciante. obrigado pela aula.

Vídeo muito esclarecedor e ótimo complemento de aprendizagem, obrigada

Fantastico! Faz uma aplicação com banco de dados sql e typescript e no frontend typescript com react (tsx), igual foi no NLW com o Proffy, amei de mais, obrigado a todos da Rocketseat.

Seria muito legal que os próximos vídeos já começassem a vir no sabor TypeScript. Parabéns pelo canal, ele ajuda demais.

Cara muito bom. Eu não havia feito nada com TypeScript ainda e este vídeo me abriu um leque de possibilidades.

Esse vídeo é magnífico, dá uma base excelente pra quem está começando com Typescript!

Ótima explanação e demonstração, perfeito, bom, consigui entender e aprender, bem prático! Bom conteúdo, TOP!!!

Caiu como uma luva para o meu momento. Obrigado por compartilhar

Para quem estiver acompanhando em 2022, codando passo a passo junto, vai chegar um momento onde você terá que trocar o --transpileOnly por --transpile-only, pois o --transpileOnly mudou nessa nova versão do ts-node-dev para --trasnpile-only. Se não trocar vai aparecer um erro e não irá rodar o servidor. Deverá ficar assim; "scripts": { "dev:server": "ts-node-dev --respawn --transpile-only src/index.ts" },

Diego, show de vídeo, muito bem explicado, pude aprender muita coisa. Pra mim, o nível de detalhamento foi perfeito: overview :) Assim, deu pra ter uma ideia geral dos benefícios e dos pontos de entrada para conversão do projeto para TS. Uma sugestão: talvez valesse a pena mostrar que um dos maiores benefícios do uso das interfaces é que elas podem ser COMPARTILHADAS entre os times (backend, frontend, system design e, em alguns casos, até UI/UX). Assim, cada um pode trabalhar independentemente ENQUANTO o backend desenvolve a implementação. Desde que as interfaces estejam definidas - mesmo que por um tempo - ninguém precisa esperar a implementação para desenvolver o front. E não há chance de informação truncada, porque a interface formaliza a definição. Pode-se mudar a implementação à vontade, desde que o "contrato" das interfaces seja respeitado. (sOLId) Os devs que vem do Java, C++ em times numerosos e, eventualmente, distribuídos (remotos) conhecem bem esse benefício: escala infinita já no desenvolvimento. Valeu, pelo vídeo, pela explicação dedicada e atenta. Vai me ajudar bastante no projeto CRA que estou migrando para Next.js e quero aproveitar para converter para TS. Abraço, sucesso para a Rocketseat!

O Typescript por definição ainda vai estar SEMPRE na frente na questão de features. Oficialmente eles sempre implementam na linguagem tudo que chega nas stage-3 proposals do ECMA Script (desde que seja interesse da comunidade). Sendo que o próprio ECMA Script (Javascript) só implementa oficialmente depois de passar o stage-3 e deixar de ser um proposal. Bons exemplos atualmente são o optional chaining (.?), o nullish coalescing (??), e os campos private nas classes

Boa! Ajudou muito.👍

Excelente vídeo, obrigado. Se puder, mostra um exemplo de projeto maior integrando várias tecnologias e como elas se interagem

To mergulhando em typescript agora e adorei o vídeo. Muito obrigado ❤

Sensacional!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Obrigado cara! Tu mantem a gente atualizado de tudo. Estou partindo para TS. Obrigado. Continua. Ainda vou fazer o Bootcamp.

TypeScript é sensacional! Vou passar a utilizar sempre em meus projetos.

Acompanhei a aula e sim, deu pra clarear muito! Obrigado

Muito obrigado Diego! Quebrou a barreira que eu tinha com typescript!

Rocketseat pra mim é sinônimo de graduação em web dev 💜

Muito boa a visão. Estou adotando TypeScript!!!!!!

Aula excepcional!

Vídeo épico, typescript é muito top. Parabéns Diego!!!

Muito bom, consegui fazer o passo a passo. Apenas pra adicionar o @types/express que estava dando erro no terminal do VS code. Consegui usando o terminal do Windows(cmd). Valeu

Parabéns pela didática e objetividade, Diego! Video sensacional!!

Se sair um vídeo de Typescript com TypeORM, eu faço a próxima semana omnistack toda em Typescript

sou um aluno rockseat, realizando o metodo ignite para tentar acompanhar a minha equipe. Você enfrentou a mesma dificuldade que estou enfrentando... parece que gerei um bloqueio, migrando do php fullstack, pro node+react+typescript+next...

Diego, não teria uma maneira de reduzir o número de interfaces criadas no React não? Achei um pouco estranho ter de criar a mesma interface em dois lugares diferentes

No caso eu poderia criar um arquivo contendo essa definição do IUser e onde precisar definir a um User eu só importo ele p ser utilizado e quando precisar alterar algo como foi mostrado essa alteração vai ser p todos os outros aquivos que estejam utilizando essa definição? ou não da p ser assim?

acho que a resposta para a questão dos benefícios em usar typescript está mais na parte de prevenir excessões em tempo de execução

Rocketseat todas as vagas que vejo e recebo, em sua maioria, ele pedem assim => conhecimentos sólidos em TypeScript seria para inicio ter umas aulas de o famoso CRUD tanto pata React JS e React Native

Bem maneiro, tenho trabalhado muito com Ionic e Typescript tem se mostrado muito legal, adorei aula, quero mais conteúdo sobre!

Fala Dev, rsrs Diego e galera da Rocket vcs são Fodas. Eu participei da ultima Next level Week e ainda não tinha tido contato nenhum com Typescript,. E realmente foi uma das melhores coisas que eu aprendi, antes da NLW eu só via conteúdos de JS agora dou preferencia por TS e a Rocket mais uma vez tem que ser parabenizada, pois é um dos poucos canais que vem utilizando e ensinando amplamente o TS, que vem sendo cada vez mais requisitrado no desenvoldimento web e de apps. E com essa masterclass e a hooks com TS ( kzfaq.info/get/bejne/fbVyYM-S3KvciJc.html ) tem me ajudado a utilzar aulas antigas de node e react com JS para aplicar os conhecimentos em TS. Um abrço a todo o time e muito obrigado pela dedicação de todos.

Meu maior aprendizado nesse vídeo foi tipar a resposta da api no axios valeu!!!!

Olá... considerando a alteração que fez na Interface IUser e teve que fazer isso no outro arquivo que utiliza a mesma estrutura, existe a possibilidade de criar um arquivo contendo todas as interfaces da aplicação? Se sim, como isto é importado nos arquivos em que estas seriam utilizadas?

Achei que ficou .. digamos.. mais burocrático. Porém te ensina de forma bem intuitiva como "tipar" e melhorar a qualidade do seu código, bem como o benefício de saber de onde está vindo cada coisa. Mas é uma avaliação muito pessoal de cada um saber se faz sentido usar ou não.

Que vídeo incrível! Obrigado.

Valeu Diego, sensacional esse vídeo. Sem dúvida vou buscar mais conhecimento sobre o TypeScript.

Belo vídeo. Parabéns Diego!

muito bom mano! Espero muito ver mais conteudo abrangendo React junto com TypeScript

Que lindo cara. Que delícia esse typescript

Eu estava estudando Deno e tinha duvida se ele iria substituir o Nodejs, mas agora vendo a quantidade de configurações que é necessario fazer no Nodejs, eu tenho certeza de que Node vai ser substituido. Mesmo o Deno estando num estado embrionário ja é mto produtivo.

Parabéns pelo conteúdo! AInda apanho usando typescript, mas consegui fazer o projeto rodar consumindo a api do backend. Preciso fazer vários masterclass desse pra conseguir tipar os objetos nos lugares corretos. Pra mim é a maior dificuldade, onde por essas tipagens...

Deu uma clareada boa!!! Nenhum motivo melhor do que seu chefe mandar vc usar ne, mas ficou cativante sim hahaha Abrs valeu pelo conteudo

Boa Introdução, deu pra ter uma noção um pouco melhor de como é trabalhar com o Typescript. Apesar de hoje em 2022 preferir usar o Vite pro frontend em ReactJs hehe

Typescript

Excelente, muito obrigado

top, muito obrigado

Diego manda muito bem, só fala um pouco rapido haha to assistindo o video em 0.75 e ta tranquilo. Esse video ta me ajudando mt

Fiquei pensando se ele iria utilizar o Sequelize com o Typescript, mas ele recorreu ao TypeORM, ainda bem, usar o Sequelize com Typescript gera muitos problemas, em grande parte devido ao suporte ruim do Sequelize

Eu tenho ainda uma visão parecida com a do Deschamps, bom, acho que foi por conta de ter entrado em contato com o React agora também, e foi muito para absorver, mas as definições de prototipagem quando você considera variável de tipos do TS, complica um pouco as coisas... Na real eu super concordo com o Diego quando ele fala fala de que isso para o time, "ajuda de mais" para rastrear definições entre os tipos no código implementado, o problema é implementar ainda, e lidar com ele depois de implementado. TS sobre JS é ainda um código sobre o código, e é bom, mas o quanto conseguimos abstrair para não perder tempo?

Cara, alguém pode me ajudar? Depois de criar o arquivo tsconfig.json, o tsc não reconhece de jeito nenhum. Já executei 'tsc', 'npx tsc', mas sempre que tento converter o index.ts para js, ele acusa o error da falta do flag "esModuleInterop" mesmo com o tsconfig.json já presente no projeto. Edit: Já na hora da built, executando o comando 'tsc', ele cria a pasta com os arquivos de forma correta....vai entender

Por volta do minuto 40:00, quando estão sendo criadas as interfaces IMailTo e IMailMessage,.Seria interessante criar um arquivo separado para guardar esssas interfaces e outras mais conforme forem sendo criadas ou não? Desde já parabéns o vídeo tá ótimo e o conteúdo tá demais! Não entendo essas pessoas que clicam no deslike. FLW!

muito bom a aula e o método de ensinamento S2

Excelente como sempre!

Sou Programador PHP e o PHP também está indo nessa mesma linha de se tornar uma linguagem tipada. Antes, na versão 5.x, era somente parâmetro de função, depois, na versão 7.0, passou a ser no retorno da função, e a partir da versão 7.2 ou 7.3, passou a aceitar tipagem nos atributos da classe. Mas, essas tipagens são todas opcionais.

@Rocketseat Parabéns pelo vídeo, acho que poderia só ter explicado como faz pra configurar testes em TypeScript, já que no JS temos o Jasmine

Curti demais, aprendi a programar com Java, então não pareceu tão complicado assim

Será que não dava pra usar um export no interface IUser? no User.tsx para o App.tsx? não iria precisar ficar atualizando os dois sempre!

O que seria melhor nesse caso, criar um IUser global e sempre chamar ele ou cria ele em cada arquivo como foi feito no projeto?

Excelente aula! Parabéns!! Adorei suas extensões, poderia passar o que você tem usado ?

Diego, então a medida que o ts for crescendo, o javascript funcional vai voltar a dar espaço a POO clássico? eu estou estudando essa stack a mais ou menos um ano, e vim do POO clássico em PHP, a maioria esmagadora dos conteúdos que encontro é em cima do javascript funcional. me da uma luz ai no que ue devo focar, pq aparentemente o ts utiliza muito os conceito de POO classico, inclusive quando vc falou sobre patherns. vlw e parabens pelo video.

Muito bom, vou começar esse novo desafio, todavia, espero por mais conteúdos em TS!! É sensacional.

Diego, parabéns pelos conteúdos em geral, mas tenho uma dúvida. O JS na versão atual não usamos declarar variáveis com "var". Vi alguns vídeos que quando o código Typescript é transformado para JS isso acontece, não seria então um problema ter um código JS com declarações assim. Desculpe se estou errado e se alguém ai souber me dar essa resposta, por favor, me esclareça. Obrigado.

Cara que show! Gostei bastante já estava utilizando o typescript com e typeorm porém me esclareceu alguns conceitos. Muito obrigado. Só fiquei com algumas duvidas. - Agora me diz uma coisa como eu poderia compartilhar os tipos entre backend e frontend? - E no caso do código transpilado eu caso eu faça acesso a algum erro que ocorreu em tempo de execução, teria como saber exatamente a linha que ocorreu? Desde já muito obrigado!!

Muito interessante o vídeo. Acredito que seria interessante criar um pacote com as interfaces para ser utilizado no projeto de frontend e backend.

Diego uma coisa que fiquei na dúvida ainda foi... Lá no node vc criou uma classe para implementar a interface e tals... Porém no React vc acabou utilizando tudo como funcional, daria para utilizar tudo como funcional?

Não tenho TS nas minhas Skills e isso já fez eu perder oportunidades recentemente, nos requisitos não falaram nada sobre e quando passei pela entrevista após fazer teste eles exigiram conhecimento em TS e TDD. 😔 Seus vídeos ajudam demais Diego, um grande abraço.

Objetivo atingido com sucesso. Obrigado. :-)

@Rocketseat, uma pergunta não muito a ver com o vídeo, mas gostaria de saber com relação ao seu setup, qual monitor, teclado, e mouse você utiliza em conjunto com Macbook?

Fantástico! Eu já estava querendo começar a estudar TypeScript. Pode ter certeza que me motivou muito mais a estudar e aplicar em novos projetos! Parabéns pelo conteúdo! Ficou massa!

Faz um vídeo de como criar uma aplicação com salvamento de dado local com realm e redux-persit + fila de ações para envio a api. Se puder acho que ajudaria muito os devs a entender a arquitetura de um app mais complexo.

Pq eu tenho a impressão que o código fica poluído com o a tipagem?

Existe mesmo a necessidade de declarar a inteface IUser tanto no component User.tsx quanto no App.tsx, ou essas definições de tipo podem ser centralizadas?

Muito bacana.

clareou legal man

Gente alguém sabe qual extensão do VScode deixa as arrow functions com esse tema personalizado que ele usa no vídeo?

Eu preciso fazer alguma configuração no tsconfig para adicionar addons com extensões .node ?

Typescript foi um trabalho estraordinário da Microsoft. Então dizer que: "não sabe se ajuda ou atrapalha" significa demonstrar não entender nada dos fundamentos de ciência da computação. É louvável ser objetivo e conhecer muitas das ferramentas de alto nível (frameworks) pois elas ajudam na produtividade. Agora, embasar uma conclusão em premissas tão superficiais é induzir muitos estudantes a ter um futuro mediocre. Você precisa estudar os fundamentos. Já percebi que você sabe quais são alguns deles (fundamentos), existem muitos outros. Ser animador de auditório com conhecimento raso pode ser muito prejudicial.

Boa Tarde Diego, parabéns pelo vídeo! Como sempre muito didático... Bora codar com princípios SOLID? Quando estes vídeos virão a tona? rsrs

Ótimo vídeo, parabéns! Uma dúvida não relacionada ao assunto do vídeo: vi que o seu vscode mostra ícones dependendo do nome utilizado no arquivo. Exemplo: routes.ts é o ícone de duas plaquinhas indicando rotas. Isso é alguma extensão do vscode? Como habilitar? Grande abraço!!

QUE AULA MARAVILHOSA MANO, agora eu entendi bem direitinho o inicio do TS, quero me aprofundar sem medo agora.

muito bom esse vídeo

Typescript ao infinito e além !!!

Sensacional !

Desculpa a pergunta chula, mas eu não entendo bem essas chamadas em estilo de contexto que o typescript faz, teria algum vídeo ou material explicando melhor? Já fui na doc, porém não está de fato clara pra mim... Ou eu sou muito iniciante e não entendo.

Gostei muito da sua didatica , vc tem um curso ou playlist que ensine tudo do inicio? cai de paraquedas aqui pra entender TS, mas pra entender esse video precisa manja de backend, express, React , libs, package etc.. eu fiquei meio "calma ai parceiro " kkk